css文本超出排在下一行如何调整行间距-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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


名称栏目:css文本超出排在下一行如何调整行间距
文章来源:http://kswsj.cn/article/pphcsg.html

其他资讯