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

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

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文本超出排在下一行怎么调整行间距的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:如何使用vue完成微信公众号网页
下一篇:canvas波浪效果的实现代码

发表评论

关闭广告
关闭广告