每當我用大line-height
像1.6em
它總是增加了利潤率,我不希望文本的最頂端。如何防止行高在頂部添加頁邊空白?
例子:http://jsfiddle.net/EstpJ/1/
我想要的文字與邊框急劇內襯和沒有任何形式的頂部或底部邊緣的。
如何解決這個問題?
每當我用大line-height
像1.6em
它總是增加了利潤率,我不希望文本的最頂端。如何防止行高在頂部添加頁邊空白?
例子:http://jsfiddle.net/EstpJ/1/
我想要的文字與邊框急劇內襯和沒有任何形式的頂部或底部邊緣的。
如何解決這個問題?
這正是line-height
是,它設置爲環繞文字和這樣的目的的文本行的高度,以手動方式。實際可見尺寸由font-size
確定,並且由font-family
確定。正常文本/字體的平均line-height
大約在1.2em
。任何比這更大的東西都會導致可見的letterboxing,這正是你所描述的。使用較小的值會導致連續的行相互重疊。
解決您的具體例子的唯一途徑是引入更多的標記來確定行號,這樣就可以以不同風格的第一/最後一行。
正如馬修所說,這就是lineheight所做的。
你可以嘗試設置行高度上的內格(帶有邊框內),並同時設置一個負的頂部和底部邊緣抵消在頂部和底部的作用。但很可能在所有瀏覽器中,負邊距都不起作用。
也許你可以稍微改變您的標記(我更喜歡纏繞的文本行<p>
標籤),並使用一個negative top margin?
什麼是補白(填充頂,填充左等)的家長conatiner的CSS-屬性? – heximal