在css中,可以 利用 “line-h ei ght”属性 调整 文本超出排在下一行的行间距,只需要给文本元素添加“line-height:行间距值;”样式即可。
本教程操作环境:windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
css文本超出排在下一行怎么调整行间距
可以利用line-height属性来设置当文本超出排在下一行是的行间距。line-height 属性设置行间的 距离 (行高)。
示例如下:
<!DOCTY PE html> <html> <head> < ;m eta 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文本超出排在下一行怎么调整行间距 全部内容,希望文章能够帮你解决 css文本超出排在下一行怎么调整行间距 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
查看更多关于css文本超出排在下一行怎么调整行间距的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did200385