温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css如何设置字体文字大小值大于行高值

发布时间:2022-03-08 13:48:56 来源:亿速云 阅读:209 作者:小新 栏目:web开发

小编给大家分享一下css如何设置字体文字大小值大于行高值,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

在CSS构造中设置字体翰墨大小值大于行高值。

HTML代码:

  1. <!DOCTYPE html>

  2. <html>

  3. <head>

  4. <meta charset="utf-8" />

  5. <title>CSS5实例</title>

  6. <style>

  7. .CSS5{ line-height:16px;font-size:22px} 

  8. </style>

  9. </head>

  10. <body>

  11. <div class="CSS5">

  12. 测试模式显现不完形式<br />

  13. CSS5实例笔墨显现一半<br />

  14. CSS5实例翰墨不能展示残缺 

  15. </div>

  16. </body>

  17. </html>

看出“class=”CSS5””对应CSS配置行高css line-height设置装备摆设16px,而字体大小css font-size设置装备摆设为22px,显明字体大小为22px大于css行高16px。

经管办法: 本案譬假如字体大小不扭转情况下,将line-height的值配置大于或等于22px便可打算

  1. <!DOCTYPE html>

  2. <html>

  3. <head>

  4. <meta charset="utf-8" />

  5. <title>CSS5实例</title>

  6. <style>

  7. .CSS5{ line-height:22px;font-size:22px} 

  8. </style>

  9. </head>

  10. <body>

  11. <div class="CSS5">

  12. 测试模式浮现不完内容<br />

  13. CSS5实例翰墨展现一半<br />

  14. CSS5实例翰墨不克不及闪现残缺 

  15. </div>

  16. </body>

  17. </html>

这里代码line-height的值设置为22px(只有设置line-height大于就是22px就可),偏偏与字体大小值保持差别。何等即可很好整治多行翰墨有重叠重合征兆同时也操持字体显示不残破。

看完了这篇文章,相信你对“css如何设置字体文字大小值大于行高值”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI