該塊是<h2>Test</h2><style> h2 { padding: 0; margin: 0; line-height: 1; font-family: "Montserrat", sans-serif; font-size: 34px; }</style>我從頂部到底部的距離很小。如何使文本精確地適應(yīng)其塊？文本的大寫字母的頂部需要是塊的邊框。我得到的塊的圖片。藍(lán)色區(qū)域 - 是塊。但頂部和底部邊框塊與頂部和底部文本邊框不同。預(yù)期結(jié)果 - 文本字符的頂部和底部是塊邊界。
2 回答
慕后森
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
你所看到的是line-height. 例如，將其設(shè)置為 less 以刪除文本上方和下方分配的空白區(qū)域。
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貢獻(xiàn)1898條經(jīng)驗(yàn) 獲得超8個(gè)贊
如果您使用 vw（視口寬度）單位設(shè)置類型，則可以找到一個(gè)精確的數(shù)字，其中文本非常適合容器，并且在調(diào)整大小時(shí)不會(huì)中斷。在這種情況下，
h2{
font-family: Roboto, sans-serif;
font-size: 25.5vw;
}
- 2 回答
- 0 關(guān)注
- 167 瀏覽
添加回答
舉報(bào)
0/150
提交
取消