Kongsi cara membuat garisan menegak

Question

Saya mempunyai senarai maklumat hubungan seperti ini: Contoh

Cara membuat garis menegak yang memisahkan email dan hotline seperti dalam gambar, terima kasih banyak

Answer 1

Anda boleh menggunakan watak paip pada papan kekunci anda. Ia kelihatan seperti ini:

|

-atau-

Anda boleh membahagikan baris kepada dua elemen dan menambah jidar pada salah satu daripadanya. Ini hanyalah contoh:

HTML

<div class="left">电子邮件</div><div class="right">热线</div>

CSS

.left { display: inline-block; border-right: 1px solid black; padding: 0 10px; }
.right { display: inline-block; padding: 0 10px; }