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

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

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

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

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

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

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

示例如下：

    
        
        
            div{
                width:200px;
                height:100px;
                border:1px solid black;
                overflow:hidden;
                line-height:200%;
            }
        
    
    
        
css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏
    

输出结果：

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

网站栏目：css文本超出排在下一行如何调整行间距
分享URL：http://6mz.cn/article/pphcsg.html