Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah Saya Boleh Menghijrahkan Atribut Jadual ke CSS dalam HTML5?

Bagaimanakah Saya Boleh Menghijrahkan Atribut Jadual ke CSS dalam HTML5?

Patricia Arquette
Patricia Arquetteasal
2024-10-31 06:35:30260semak imbas

How Can I Migrate Table Attributes to CSS in HTML5?

Peralihan Atribut Jadual HTML5

Ciri pengesahan HTML5 Visual Studio mengenal pasti atribut padding sel, jarak sel, kekosongan dan penjajaran sebagai tidak sah untuk elemen jadual. Untuk menangani perkara ini, HTML5 memperkenalkan alternatif CSS untuk mengawal penampilan dan jarak jadual.

Padding Sel:

Ganti cellpadding dengan sifat padding CSS yang digunakan pada sel jadual ( dan ). Contohnya:

<code class="css">th, td {
  padding: 5px;
}</code>

Jarak Sel:

Ganti jarak sel dengan sifat runtuh sempadan CSS dan jarak sempadan digunakan pada jadual. border-collapse: separate dan border-spacing: 5px akan menghasilkan 5px jarak antara sel jadual. runtuhan sempadan: runtuh dan jarak sempadan: 0 akan mengalih keluar semua jarak antara sel.

Penjajaran Menegak:

Gantikan valign dengan penjajaran menegak CSS yang digunakan pada sel jadual . penjajaran menegak: atas akan menjajarkan kandungan sel ke bahagian atas sel.

Penjajaran Mendatar (Pusat):

Walaupun penjajaran bukan atribut HTML5 yang sah, anda boleh mencapai pemusatan mendatar menggunakan margin CSS: 0 digunakan secara automatik pada jadual. Ini akan memusatkan jadual secara mendatar dalam bekas induknya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghijrahkan Atribut Jadual ke CSS dalam HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn