該塊是<h2>Test</h2><style> h2 { padding: 0; margin: 0; line-height: 1; font-family: "Montserrat", sans-serif; font-size: 34px; }</style>我從頂部到底部的距離很小。如何使文本精確地適應其塊？文本的大寫字母的頂部需要是塊的邊框。我得到的塊的圖片。藍色區域 - 是塊。但頂部和底部邊框塊與頂部和底部文本邊框不同。預期結果 - 文本字符的頂部和底部是塊邊界。
2 回答
慕后森
TA貢獻1802條經驗 獲得超5個贊
你所看到的是line-height. 例如，將其設置為 less 以刪除文本上方和下方分配的空白區域。
h2 {
outline: 1px solid red;
padding: 0;
margin: 0;
line-height: 1;
font-family: Roboto, sans-serif;
font-size: 34px;
line-height: 24px;
}
<h2>Test jpg ??ê</h2>
汪汪一只貓
TA貢獻1898條經驗 獲得超8個贊
如果您使用 vw（視口寬度）單位設置類型，則可以找到一個精確的數字，其中文本非常適合容器，并且在調整大小時不會中斷。在這種情況下，
h2{
font-family: Roboto, sans-serif;
font-size: 25.5vw;
}
- 2 回答
- 0 關注
- 155 瀏覽
添加回答
舉報
0/150
提交
取消