div css文字字型行高行距 深入理解css行間距設定

來源:互聯網
上載者:User

標籤:style   blog   http   color   使用   ar   div   sp   c   

div css文字字型行高行距 DIVCSS5帶您深入理解css行間距設定,字型行距如何最簡單地設定。在文章中,要實現調節設定每行文字字型間距(行距)是使用line-height屬性。要使得每行的文字一定的間距距離所以可以通過line-height樣式實現。接下來DIVCSS5通過DIV CSS執行個體實現字型文字上下間距。為了觀察到行距設定效果,建立兩個div盒子物件,分別div命名為“.divcss5-a”和“.divcss5-b”。1、div+css執行個體完整HTML代碼:<!DOCTYPE html><html><head><meta charset="utf-8" /><title>石家莊服裝設計</title><style>.jm880-a{ line-height:22px}/* css 注釋說明:設定行距行高22px */.jm880-b{ line-height:40px}/* 設定行距行高22px */</style></head><body><div class="jm880-a">我被設定行高22px<br />我行距為22培訓<br />jm880佔位內容</div><div class="jm880-b">我被設定行高40px<br />我行距為40培訓<br />jm880佔位內容</div></body></html>設定了兩個盒子分別css行高間隔設定為22px和40px,大家可以複製以上代碼進行實踐觀察效果掌握css設定對象內字型文字上下行間距。掌握設定行間距行高代碼是什麼。2、總結要實現上下換行文字行間距行高樣式其實我們只用對文字所在對象設定line-height樣式即可,一般行距值設定大於14px以上即可,根據css字型大小,css行高值不能小於字型值,不然行距設定值比字型大小值小後字型會重疊一部分,形成不相容效果。

 

div css文字字型行高行距 深入理解css行間距設定

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.