計算機程序設計

如何調整行間距CSS?

今天的文字仍然是主要的類型在茫茫傳輸的信息 萬維網。 因此,其在外觀權給予特別的關注。 文本行間距,其確定線之間的距離的一個重要特徵。 如果你從來沒有與這個規則相遇,你可能從來沒有與CSS工作。 畢竟,這是風格語言提供了可用的命令來改變文本的所有重要的外部特徵。 這樣的規則是所有現代瀏覽器都支持,並標配了層疊樣式表的所有版本(CSS:層疊樣式表)。

規則

在CSS中,行間距是通過一個簡單的行高團隊進行設置。 記錄以通常的方式進行。 該值可以被分配給任何非負整數。 如果說:«的line-height:-4px;»,該命令將被忽略。 您可以指定值:«正常»或«繼承»。 第一種方法是使用間隔,這是確定根據所選擇的字體的類型和尺寸的自動設定。 在這種情況下,線之間的距離由瀏覽器自身設置。 行間距可以是由“父”標籤的價值«繼承»繼承任何值。

從標準的命令不同的所有值可以分為兩類:相對和絕對的。 CSS允許您控制柔性線,採用不同的,更便捷的方式來定制之間的線間距。 絕對值包括單元,其在CSS使用的所有已知的長度。 這份名單包括:in(英寸),PT(點),PX(像素),以及其他。 倒計時間隔從字體的基線製成。 如果我們寫了一個規則:«的line-height:10px的;»,行間距將始終等於10個像素。 當你需要指定的確切範圍特定字體這樣的方法是理想的。 但是不要忘記,所有的不同的屏幕擴展。 如果你有這樣的距離看上去很不錯,但並不意味著每個人都會有同樣的效果。 例如,移動大線間距可以帶來極大的不便。

相對值

要使用不同的擴展屏幕的解決這個問題,你可以使用 相對值。 最常用的百分比。 在這種情況下的值被設置得相對字體高度。 例如,指定«行高:150%;“我們得到的間隔,半大中字母。 100%是所使用的字體的高度。 大多數有經驗的開發者推薦使用的是相對值。 所以,你會救自己和用戶與不同的擴展屏幕相關的問題。

結論

如果您使用的是非標準字體集,你是重要的是一個明確的行間距,選擇的絕對值。 在所有其他情況下,需要建立財產的百分比。 當你需要做一個單獨的間隔為一個文件的特定區域,可以使用ID標籤,或選擇。 因此,你會不會需要設置行距為整個文檔。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhtw.atomiyme.com. Theme powered by WordPress.