Paano Isentro Ang Isang Div

Talaan ng mga Nilalaman:

Paano Isentro Ang Isang Div
Paano Isentro Ang Isang Div

Video: Paano Isentro Ang Isang Div

Video: Paano Isentro Ang Isang Div
Video: AD SUITABILITY SA VIDEO TIP PAANO ALISIN 2024, Abril
Anonim

Ang mga pamantayan ng layout ng modernong pahina ay hindi nagbabawal sa paggamit ng layout ng talahanayan, gayunpaman, ang layered layout, sa katunayan, ay naging isang sapilitan pamantayan kapag lumilikha ng mga site. Bilang karagdagan sa halatang kalamangan, ang pagpapalit ng layout ng talahanayan ay nagdala ng ilang mga malaki at maliit na problema. Ang isa sa mga ito ay ang pahalang na pagkakahanay ng istraktura ng bloke sa pahina. Tingnan natin ang isang pares ng mga praktikal na paraan upang maitakda ang layer sa gitna ng lapad ng pahina.

Paano isentro ang isang div
Paano isentro ang isang div

Kailangan

Pangunahing kaalaman sa HTML

Panuto

Hakbang 1

Ang isa sa mga pagpipilian para sa paglutas ng problema ng pag-align ng isang layer (DIV block) sa gitna ng window ng isang bukas na pahina ay na-bypass lamang sa pamamagitan ng HTML (HyperText Markup Language - "hypertext markup language"). Kailangan mong ilagay ang bloke sa loob ng tag. Ang pinakasimpleng code ng pahina, na inilatag sa ganitong paraan, ay maaaring magmukhang, halimbawa, tulad nito:

Ang pagkakahanay ng isang DIV sa gitna

Hakbang 2

Ang isa pang pagpipilian ay gumagamit ng CSS (Cascading Style Sheets). Sa estilo ng nakahanay na layer, kailangan mong itakda ang autodetection ng dami ng offset mula sa mga hangganan ng window. Ang code ng tulad ng isang pahina sa pinakasimpleng form nito ay maaaring maging, halimbawa, tulad nito:

Ang pagkakahanay ng isang DIV sa gitna

Inirerekumendang: