Berani berlegar ... tanpa pergeseran susun atur

Menukar berat fon, terutamanya kepada berani, sering mencetuskan perubahan susun atur. Ini kerana teks berani biasanya menduduki ruang yang lebih mendatar. Walaupun tidak penting dalam beberapa susun atur (contohnya, pautan menegak secara menegak), ia boleh menjadi masalah kepada orang lain, seperti baris mendatar di mana unsur -unsur mungkin beralih.

Ryan Mulligan menyoroti isu ini dan menawarkan penyelesaian yang elegan:

Melayang ke teks berani menyebabkan pergeseran susun atur yang ketara, terutamanya dengan unsur -unsur pembalut. Penyelesaian yang bijak: Pseudo-elemen yang tersembunyi mencerminkan teks, sebelum ini untuk menempah ruang yang diperlukan.

Lihatlah dalam tindakan: https://www.php.cn/link/e44956a0a9118d2bfe39f3483f57db37 pic.twitter.com/kdzbtlq0rd

- Ryan Mulligan (@hexagoncircle) 20 Julai 2020

Pendekatan Mulligan adalah bijak. Setiap item senarai termasuk elemen pseudo tersembunyi yang mengandungi rentetan teks yang sama, pra-gaya sebagai berani. Unsur yang tidak kelihatan ini mempunyai lebar yang diperlukan, mencegah susun atur beralih apabila teks pautan sebenar berani pada hover.

Keberkesanan teknik ini juga bergantung pada kaedah susun atur. Memaksa bilangan lajur tetap dengan grid CSS, terutamanya dengan teks yang tidak melebihi lebar lajur, menghapuskan isu peralihan. Walau bagaimanapun, membenarkan pembalut lajur automatik mungkin akan memperkenalkan semula masalah tersebut.

Atas ialah kandungan terperinci Berani berlegar ... tanpa pergeseran susun atur. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!