Isang Simpleng Paraan upang Mag-Center ng isang Table Paggamit ng CSS

Ang isang linya ng code ay ang kailangan mo upang mag-sentro ng isang talahanayan

Ang Cascading Style Sheets (CSS) ay isang estilo ng style sheet na kadalasang ginagamit upang itakda ang visual na estilo ng mga web page na nakasulat sa HTML at XHTML. Maaari kang maging bago sa disenyo ng web o CSS at may mga katanungan tungkol sa kung paano i-sentro ang isang talahanayan sa isang web page. Maaari ka ring maging isang karanasang taga-disenyo na nalilito tungkol sa kung paano gumanap ang pamamaraan na ito ngayon na ang tag ng CENTER at align = "center" na attribute ay hindi na ginagamit sa tag ng TABLE. Sa CSS, ang mga talahanayan na nakasentro sa isang web page ay hindi mahirap.

Gumamit ng CSS sa Center ng isang Table

Maaari kang magdagdag ng isang linya sa iyong estilo ng CSS sheet upang i-sentro ang lahat ng mga talahanayan nang pahalang:

talahanayan (margin: auto; }

o maaari mong idagdag ang parehong linya sa iyong talahanayan nang direkta:

Kapag naglalagay ka ng talahanayan sa isang web page, inilalagay mo ito sa loob ng elemento ng antas ng block tulad ng BODY, P, BLOCKQUOTE, o DIV. Maaari mong puntahan ang talahanayan sa loob ng sangkap na iyon gamit ang margin: auto; estilo. Sinasabi nito sa browser na gawin ang mga margin sa lahat ng panig ng talahanayan na katumbas, na naglalagay ng talahanayan sa gitna ng web page.

Ang ilang mga Older Web Browsers Huwag Suportahan ang Paraan na ito

Kung ang iyong site ay dapat na sumusuporta sa isang mas lumang web browser, tulad ng Internet Explorer 6, pagkatapos ay kailangan mong patuloy na gamitin ang align = "center" o tag CENTER upang i-sentro ang iyong mga talahanayan. Iyon ay tungkol sa ang tanging komplikasyon na iyong tatakbo kapag nakasentro sa iyong mga talahanayan sa isang web page. Ang paggamit ng pamamaraan na ito ay madali at maaaring maisagawa sa loob lamang ng ilang minuto.