Using calc to figure out optimal line

2024年7月23日 — The line-height CSS property sets the height of a line box in horizontal writing modes. In vertical writing modes, it sets the width of a line box.

2022年12月16日 — The reduce the height of the space between the lines to 1.2; To make the line width narrower so that there's some blank space on either side of ...

2020年5月18日 — In order get an optimal line-height we will need to be as close as possible to 1.5 value (15px), on smaller font sizes, but closer to 1.1 (55px) on larger ones.

2010年9月1日 — .main (無繼承)：25(px) x 3 =75(px). 當有繼承的時候，會是自己的文字大小x 父元素的行高；反之拿掉繼承，就是自己的文字大小x 自己的行高。 line-height 跟 ...

2021年2月21日 — 75 pixels is a very tall line height. Just change it to a smaller number such as 35px or 1.2 and you'll see the difference.

2016年7月26日 — The content is two lines of wrapped text with a line height of 18px (x2): 36px. Adding padding of 6px results in 56px which is the specified height.

2021年12月27日 — We can use the line-height property with a value that is equal to the height property of a container to vertically center a single line within that container.

The line-height property specifies the height of a line. Note: Negative values are not allowed. Show demo

2021年2月5日 — 行高設置為1.5 倍字級. 無論行高設置為多少，第一行都是「貼頂」的。行高影響的是「文字下方」的留白大小。 但在瀏覽器裡，行高的呈現是這樣子的：.