歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

阿森纳热刺 www.tzxsac.com.cn 在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就可),偏偏與字體大小值保持差別。何等即可很好整治多行翰墨有重疊重合征兆同時也操持字體顯示不殘破。

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/css-tool/t53354.shtml