在没有表格的情况下以表格样式显示段落

发布于 2024-10-15 09:49:50 字数 150 浏览 4 评论 0原文

关于一些 CSS 的快速问题。我已经有了这个用表格编码的页面，现在我想将其转换为 CSS。该表包含人员列表的图片和联系信息，因此将其放在 2x2 的表中（有四个人）。现在有四个段落充满了我需要的信息，我只需要把它们按正确的顺序排列即可。目前它们都属于同一类，为它们添加 id 有帮助吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

巨坚强 2024-10-22 09:49:50

将它们添加到

容器中，并为

标签指定以下样式：

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

希望这会有所帮助。

Add them to a <div class="container"> container, and give the <p>-tags the following styles:

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

Hope this helps.

回复收藏 0 原文

赠我空喜 2024-10-22 09:49:50

不，如果他们有相同的班级就完全没问题。假设他们有类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>

No, it's perfectly alright if they have the same class. Let's say they have the class myblock.

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

Then this code would just put two of those blocks next to each other, two per row.

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

回复收藏 0 原文