CSS中如何实现在一条直线上写字在CSS中,想要让文字在一条直线上排列,可以通过使用display属性和line-height属性来实现。首先,在HTML中使用p标签包裹需要排列的文字,如下:&
<p class="inline">这是一段需要在一条直线上排列的文字。</p>
.inline{ display: inline-block; line-height: 1.5em; border-bottom: 1px solid #000; padding-bottom: 0.5em; margin: 0; }
<div class="inline"> <p>这是第一段需要在一条直线上排列的文字。</p> <p>这是第二段需要在一条直线上排列的文字。</p> </div>
.inline p{ display: inline-block; line-height: 1.5em; border-bottom: 1px solid #000; padding-bottom: 0.5em; margin: 0; margin-right: 1em; /*设置段落之间的间距*/ }
粉丝
0
关注
0
收藏
0