Paano upang ayusin ang line spacing sa CSS?

Teksto ng araw na ito pa rin ay ang pangunahing uri ng impormasyon na ipinadala sa malawak World Wide Web. Samakatuwid, ang mga kontrol sa hitsura ay ibinibigay ng espesyal na pansin. Isang mahalagang katangian ng isang text line spacing, na tumutukoy ang distansya sa pagitan ng mga linya. Kung hindi mo pa nakikilala sa panuntunang ito, malamang ay hindi kailanman nagtrabaho sa CSS. Pagkatapos ng lahat, ito ay ang estilo ng wika ay nagbibigay ng mga magagamit na mga utos na baguhin ang lahat ng mahalagang panlabas na mga katangian ng ang teksto. Ang ganitong isang patakaran ay suportado ng lahat ng mga modernong browser at dumating bilang standard para sa lahat ng mga bersyon ng Cascading Style Sheets (CSS: Cascading Style Sheets).

patakaran

Sa CSS, ang line spacing ay naka-set sa pamamagitan ng isang simpleng team line-taas. Ang pag-record ay tapos na sa karaniwang paraan. Ang halaga ay maaaring italaga sa anumang hindi-negatibong integer. Kung ito ay nakasaad: «line-height: -4px;», ang command ay hindi papansinin. Maaari mong tukuyin ang halaga: «normal» o «nagmamana». Ang una ay upang gamitin ang mga awtomatikong setting ng agwat, na kung saan ay tinutukoy depende sa uri at laki ng mga napiling font. Sa kasong ito, ang distansya sa pagitan ng mga linya na itinakda ng browser mismo. Line spacing ay maaaring maging anumang halaga na minana mula sa "magulang" na tag sa pamamagitan ng halaga «nagmamana».

halaga

Ang lahat ng mga halaga naiiba mula sa mga karaniwang mga utos ay maaaring nahahati sa dalawang kategorya: kamag-anak at ganap. ay nagbibigay-daan CSS iyo na kontrolin line spacing distansya sa pagitan ng kakayahang umangkop na mga linya, paggamit ng iba't ibang at mas maginhawang paraan upang i-customize. Para sa ganap na halaga na kasama ng lahat ng mga kilalang haba ng ang yunit, na kung saan ay ginagamit sa CSS. Kinabibilangan ang listahan ng: sa (pulgada), pt (points), px (pixels), at iba pa. Ang countdown interval ay ginawa mula sa isang batayang linya ng font. Kung isusulat isang panuntunan: «line-height: 10px;», ang line spacing ay palaging magiging katumbas ng 10 pixels. Ang ganitong paraan ay perpekto kapag kailangan mo upang tukuyin ang eksaktong hanay para sa isang tiyak na font. Ngunit huwag kalimutan na ang lahat ng iba't ibang mga screen expansion. At kung mayroon kang tulad ng isang distance asta malaki, hindi ito nangangahulugan na ang lahat ay magkakaroon ng parehong epekto. Halimbawa, ang isang mobile big line spacing ay maaaring maging sanhi ng mahusay na abala.

kamag-anak na halaga

Upang malutas ang problema sa isang iba't ibang mga extension ng screen, maaari mong gamitin ang kamag-anak na halaga. Ang pinaka-karaniwang ginagamit na porsyento. Ang halaga sa kasong ito ay naka-set taas relatibong font. Halimbawa, pagtukoy «line-height: 150%;" makuha namin ang interval, kalahating-Large Medium titik. 100% ay ang taas ng font na ginamit. Karamihan sa mga nakaranas ng mga developer inirerekomenda ang paggamit ng mga ito ay ang kamag-anak na halaga. Kaya ikaw ay i-save ang kanilang mga sarili at ang kanilang mga user mula sa mga problema na kaugnay sa isang iba't ibang mga extension ng screen.

konklusyon

Kung ikaw ay gumagamit ng isang non-standard font set, at ikaw ay mahalagang ay isang maayos na natukoy na line spacing, piliin ang ganap na halaga. Sa lahat ng iba pang mga kaso ito ay kanais-nais upang maitaguyod ang porsyento ng ari-arian. Kapag kailangan mong gumawa ng isang indibidwal na agwat para sa isang partikular na lugar ng isang dokumento, gamitin ang id-tag, o tagapili. Kaya, hindi mo na kailangang i-set line spacing para sa buong dokumento.