整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
間距是頁面布局中的一個重要元素，用于為文本行提供間隙，提高可讀性。在 CSS 中，line-style 屬性用于控制行間距。
值
line-style 屬性可以接受以下值：
* none：禁用行間距。
* hidden：隱藏行間距。
* normal：使用瀏覽器默認的行間距。
* inherit：從父元素繼承行間距。
* initial：使用元素的原始行間距。
* unset：清除元素的所有行間距。
應用
line-style 屬性在以下元素上有廣泛的應用：
* 文本：控制段落和標題的行間距。
* 表格：控制表格行的行間距。
* 列表：控制列表項之間的垂直間距。
影響
line-style 屬性會影響：
* 行間距的大小。
* 文本內容在行內擴展的范圍。
* 元素的高度。
最佳實踐
* 考慮網頁的整體設計來配置行間距。
* 選擇合適的行間距值以提高可讀性。
* 避免使用非常小的行間距值。
結論
line-style 屬性是 CSS 中一個強大的工具，用于控制文本行高。通過正確使用此屬性，可以改善頁面布局和可讀性。
高有無單位的問題
Div{font: 12px/1.5 '宋體'}
Div{font: 12px/1.5em '宋體'}
Div{font: 12px/150% '宋體;}<style>
.father{
width:200px;
height:30px;
background-color:pink;
font-size:16px;
line-height:2em;
}
.son{
font-size:20px; /* 繼承過來的行高為32px */
}
</style>
<div class="father">
<div class="son"> 我是文字 </div>
</div>
<style>
.father{
width:200px;
height:30px;
background-color:pink;
font-size:16px;
line-height:2; /* 設置文本所在行的行高。默認為normal。 */
}
.son{
font-size:20px; /* 繼承過來的行高為40px 20*2px */
}
</style>
<div class="father">
<div class="son"> 我是文字 </div>
</div>行高 2em 和 2 不一樣的。
加em ：
先計算大小, 后繼承。
不跟單位：
先繼承, 后計算大小。
常見行內塊級元素:
display: inline;
display: block;
display: inline-block;
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
