css文本超出排在下一行如何调整行间距

这篇文章主要介绍“css文本超出排在下一行如何调整行间距”，在日常操作中，相信很多人在css文本超出排在下一行如何调整行间距问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”css文本超出排在下一行如何调整行间距”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

离石网站建设公司创新互联公司,离石网站设计制作，有大型网站制作公司丰富经验。已为离石上千多家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱，请找那个售后服务好的离石做网站的公司定做！

在css中，可以利用“line-height”属性调整文本超出排在下一行的行间距，只需要给文本元素添加“line-height:行间距值;”样式即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css文本超出排在下一行怎么调整行间距

可以利用line-height属性来设置当文本超出排在下一行是的行间距。line-height 属性设置行间的距离（行高）。

示例如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            div{
                width:200px;
                height:100px;
                border:1px solid black;
                overflow:hidden;
                line-height:200%;
            }
        </style>
    </head>
    <body>
        <div>css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏</div>
    </body>
</html>

输出结果：

css文本超出排在下一行如何调整行间距

到此，关于“css文本超出排在下一行如何调整行间距”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

当前标题：css文本超出排在下一行如何调整行间距
链接地址：https://www.cdcxhl.com/article36/pphcsg.html

成都网站建设公司_创新互联，为您提供、关键词优化、企业网站制作、商城网站、云服务器、服务器托管

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容