Question

关于一些CSS的快速提问。我有这个用表格编码的页面，我现在想把它转换成CSS。该表有图片和人员列表的联系信息，所以它被放在一个2x2表（有四个人）。现在有四个段落填充了我需要的信息，我只需要按正确的顺序排列。目前它们都属于同一类，是否有助于向所有类添加ID？

Answer 1

不，如果他们有相同的课程，那就完全没问题了。假设他们有班级myblock。

.myblock {
    width:50%;
    padding:0;
    margin:0;
    float:left;
}
.myblock img {
    float:left;
    padding-right:10px;
}

然后这段代码只会将其中两个块彼此相邻，每行两个。

<div class="myblock"> 
        <!-- The paragraph --> 
        <img src="people/photo.jpg"/> 
        Name<br/>
        Position<br/> 
        Tel. 123 12345-314
</div>

Answer 2

将它们添加到<div class="container">容器中，并为<p> - 标记提供以下样式：

div.container p {
    width:50%;
    float:left;
}

希望这有帮助。

Answer 3

试试这个......

p {
    display: table-cell
}

编辑：正确的订单是什么？你可以发布一些代码或布局示例吗？

以表格样式显示段落而不使用表格

3 个答案: