使用CSS构建表

Question

我正在尝试用CSS开发特别简单的布局,但没有成功.我想实现这样的目标:

BookImage        BookImage        BookImage
BookTitle        BookTitle        BookTitle

知道我有这个:

<div class="center">
<h2>Science</h2> 
  <div class="ThreeColumns">
    <div> <img src="ex"><p>Title</p> </div>
    <div> <img src="ex"><p>Title</p> </div>
    <div> <img src="ex"><p>Title</p> </div>
  </div>

.threeColumns{
    -moz-column-count: 3; /* Firefox */
    -webkit-column-count: 3; /* Safari and Chrome */
    column-count: 3;
    }

问题是我没有得到我想要的东西.就像每个标签(<img>或<p></p>)被视为"列"一样.我想办法组<img>和<p>,把它们放在一起,并获得我的布局.我以为<div>可以做到,但我错了.

Answer 1

如果您正在寻找这样的一个结果,只是使用<table>与<tr>S和<td>秒.您可以使用CSS设置背景,边框等样式.