CSS中实现两排文字的方法在网页设计中,有时我们需要将一段文字分成两排排列,以便更好地展现文字内容,这时我们需要使用CSS进行设置。下面介绍两种方法供大家参考。方法一:使用浮动属性我们可以将两段文字放
<style> .parent{ width: 100%; height: 150px; } .child1{ width: 50%; height: 70px; border: 1px solid #ccc; padding: 10px; float: left; } .child2{ width: 50%; height: 70px; border: 1px solid #ccc; padding: 10px; float: left; } </style> <div class="parent"> <p class="child1">第一排文字内容</p> <p class="child2">第二排文字内容</p> </div>
<style> p{ width: 100%; text-align: center; font-size: 16px; line-height: 1.5; } span{ display: inline-block; width: 45%; height: 70px; border: 1px solid #ccc; padding: 10px; margin: 10px; vertical-align: top; } </style> <p> <span>第一排文字内容</span> <span>第二排文字内容</span> </p>
粉丝
0
关注
0
收藏
0