-1

我是 CSS 新手。我想用 HTML5 编写一个页面，该页面有 2 个相当大的图像，它们的大小和水平彼此相等，并且它们之间有空间。我还想要左图像和页面左边缘之间的左边距。

在每张图片的正下方，将有一个包含 6 个左右项目的未编号列表。有人会为此起草代码吗？我知道一种使用 CSS 来分隔图像的方法：

img { margin-right: 38px; 左边距：50px；}

但是如何处理这些列表呢？

谢谢

4

1 回答 1

1

由于您没有提供任何示例代码，因此我只是拍摄并猜测这是否接近您的需要。看看这个jsFiddle。

我假设你有 2 个相同的部分。基本上它们是相同的，内联显示但内容不同。我已经添加了您希望的页边距，但是如果您需要更多内容，我需要您告诉我。

简而言之，这个想法是拥有一个具有相同内容的同一类的 HTML 元素（一个、两个或任何你想要的）：

<div class="smth">
  <img src="smth.jpg" />

  <ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
  </ul>
</div>
于 2013-09-01T09:26:58.523 回答