Rumah  >  Artikel  >  hujung hadapan web  >  Beberapa perkara yang terlintas dalam fikiran apabila menyelesaikan masalah pertukaran ul centering_Experience

Beberapa perkara yang terlintas dalam fikiran apabila menyelesaikan masalah pertukaran ul centering_Experience

WBOY
WBOYasal
2016-05-16 12:07:342109semak imbas

Saya menghadapi masalah baru-baru ini semasa saya membina tapak web: bar navigasi yang saya bina menggunakan tag ul dan tag li mahu dipusatkan tanpa mengetahui bilangan li dan lebar li, ul, tetapi selepas menggunakan text-align:center untuk ul Tetapi ia tidak mempunyai kesan yang diingini.

Struktur halaman asal ialah:

Salin kod Kodnya adalah seperti berikut:
Struktur helaian gaya ialah:


Salin kod Kod adalah seperti berikut:


Tiada masalah dengan ini, tetapi kerana kami ingin melaksanakan fungsi, kami tentukan ID (menu) dan dua KELAS (menu_ul, menu_li), jadi fail CSS Kembung.

Sebab mengapa saya tidak dapat mengetahui masalah pemusatan ul adalah kerana CSS terlalu berantakan dan rumit. Pada penghujung rantaian, saya keliru semua jenis kod untuk memaparkan kesan Kod yang saya tulis itu.

Apabila otak saya pening, saya tidak mahu mengubahnya lagi, jadi saya menulis semula kod untuk melaksanakan fungsi di atas:


Salin Kod Kod adalah seperti berikut:





Salin kod

Kodnya adalah seperti berikut: