在网页设计中,经常会遇到需要展示多行文本的情况,例如新闻摘要、博客文章等。本文将介绍如何使用CSS来实现多行文本的输出效果。
HTML结构
首先,我们需要创建一个HTML结构来包裹我们的多行文本内容。可以使用<div>
元素或者其他合适的容器元素。
<div class="multiline-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed feugiat neque dui, et venenatis nisi bibendum id.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut sapien sem, tristique et iaculis in, consectetur nec felis.
</div