Fatal编程技术网
  • html/
  • Html 谷歌广告在网格内

Html 谷歌广告在网格内

html css

Html 谷歌广告在网格内,html,css,html-lists,Html,Css,Html Lists,我需要使用html/css和可能由5列和n行组成的javascript创建一个统一的网格。大部分网格将由统一的缩略图图像占据。然而，在第二行，我想放置一个谷歌adsense广告，占据5列2行。这里是一个什么的图像。抱歉，没有足够的声誉直接发布图像 以下是我目前拥有的代码： <html> <head> <style type="text/css"> li { list-style-type: none; d

我需要使用html/css和可能由5列和n行组成的javascript创建一个统一的网格。大部分网格将由统一的缩略图图像占据。然而，在第二行，我想放置一个谷歌adsense广告，占据5列2行。这里是一个什么的图像。抱歉，没有足够的声誉直接发布图像

以下是我目前拥有的代码：

<html>
  <head>
    <style type="text/css">
      li {
        list-style-type: none;
        display: list-item;
        float: left;
        padding-left: 10px;
        padding-top: 10px;
      }
    </style>
  </head>
  <body>
    <ul>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li class="bigger-thing"><!--- ad here --></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
      <li><a href="#"><img src="http://placekitten.com/187/133" /></a></li>
    </ul>
  </body>
</html>
我可以用纯css做这个吗？如果是，怎么做？如果不是，您将如何使用javascript实现它