Metin satırları arasındaki boşluğu giderin

Question

Bir öğenin satır yüksekliğini artırdığınızda, her metin satırı arasında boşluk almaya başlarsınız. Çoğu zaman bu iyi, çünkü belirli boşluğu göremiyorsunuz.

Ancak, dar bir sütuna sahip olduğunuzda, birden fazla hat üzerinde çalışan bir bağlantıyla sorunludur. Farenizi bağlantı üzerinde hareket ettirirseniz, çizgiler arasında küçük bir boşluk vardır ve bu da bağlantı noktası etkisinin yanıp sönmesini sağlar.

Tasarım/kullanılabilirlik açısından bakıldığında, bunun kötü bir kullanıcı deneyimi yarattığını hissediyorum (hiç kimse rastgele yanıp sönmeyi sevmez). Bununla Deneyin:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In est. Nunc aliquam, eros a aliquam consequat, ante diam rutrum risus, et dignissim ligula turpis et ante. Maecenas leo neque, euismod in, aliquam et, molestie ac, ligula. Integer venenatis. Pellentesque enim. Maecenas aliquet, tortor at molestie sodales, urna velit pulvinar lorem, ac malesuada nibh turpis eu tortor.

Bazı durumlarda bu durumu önlemek bağlantılara bazı dolgu ekleyebilir, ancak metin daha büyük olduğunda çalışmaz; Daha fazla dolguya ihtiyacım var. Çözüm önerileri olan var mı?

Answer 1

Ekranı ayarlayarak yanıp sönen sorununuzu gidermeyi deneyin: <a> öğeniz için bu dar sütunda blok.

Answer 2

Eğer her satırın yuvarlak bir yayılma koyun ve dolgu ayarlamak için bir satır içi bloğuna

#wrap {font-size:14px; line-height:16px;} 
a span{display:-moz-inline-block; display:inline-block;line-height:14px;padding:1px 0;} 
a:hover {background:red;} 

<div id="wrap"> 
dsvlaksvh; asvj asdfh;dhldv hd d dl h dfhd d dfh; daljfda k;d <a href="#" > 
<span>hdv </span><span>dvh ldvhldf dhk </span><span>;dhkdf hdl hdfk 
</span><span>dfhkldf h vkhg j</span></a> glj gj f gjl fjl fj f 
    </div> 

Answer 3

Kullanım göreli birimleri çevirir misin her satırın başlangıç ​​ve bitiş noktasını biliyorsanız.

Firebug/Dragonfly kullanarak sorudaki örnek bağlantıya padding: 0.2ex 0; background: red; ekleyerek yazı boyutu ne olursa olsun (CSS ile ayarlanmış veya yakınlaştırma).

Firefox'ta yazı tipi boyutunu değiştirmeyle ilgili tek sorun, arka planın bir önceki satırla çakışmaya başlamasıdır; ancak bu bir line-height sorunudur.