Веб-сайтты қалай орталықтандыруға болады

Мазмұны:

Веб-сайтты қалай орталықтандыруға болады
Веб-сайтты қалай орталықтандыруға болады

Бейне: Веб-сайтты қалай орталықтандыруға болады

Бейне: Веб-сайтты қалай орталықтандыруға болады
Бейне: Сабақты қалай видеоға түсіреміз? [Онлайн сабақ] 2024, Мамыр
Anonim

Қазіргі кезде беттердің көпшілігі қабаттар (div) көмегімен орналастырылған, сондықтан сайтты браузер терезесінің ортасына сәйкестендіру мәселесі парақтың көрінетін аймағының енін анықтайтын қабатты центрлеу міндетіне дейін азаяды. Оны терезенің ортасында орналастыру үшін оның негізгі элементіне немесе осы блоктың өзіне сәйкес параметрлерді орнату қажет.

Веб-сайтты қалай орталықтандыруға болады
Веб-сайтты қалай орталықтандыруға болады

Бұл қажетті

HTML және CSS тілдерін білу

Нұсқаулық

1-қадам

Орналастырғыңыз келетін қабатты терезенің ортасына, егер сіз тек HTML тілінің құралдарын қолданғыңыз келсе, орталық тегтің ашылатын және жабылатын бөліктерінің арасына орналастырыңыз (HyperText Markup Language - «гипермәтіндік белгілеу тілі»). Біз парақтың шекараларын анықтайтын қабаттың ата-анасы осы парақтың денесі деп есептейміз. Бұл жағдайда орталық тегті қолданатын HTML кодының қарапайым нұсқасы келесідей болуы мүмкін:

Орталық бет

бет мәтіні

2-қадам

Егер сіз парақты ортаға туралау үшін CSS (Cascading Style Sheets) қолданғыңыз келсе, браузер терезесінің жиектерінен толтырғыштың автоматты өлшемін қолданыңыз. CSS ішіндегі маржа өлшемдері маржа параметрімен анықталады. Алдыңғы үлгідегі орталық тегтерді алып тастаңыз және парақтың енін анықтайтын қабаттың стиль төлсипатына 0 авто маржа параметрін қосыңыз:

Орталық бет

бет мәтіні

3-қадам

Әрине, стиль анықтамасын стиль атрибутынан шығарып, сыртқы файлға немесе құжаттың басына (және тегтер арасында) орналастыруға болады. Бұл жағдайда бірдей код келесідей болады:

Орталық бет

#pageFrame {

ені: 700px;

биіктігі: 400px;

фон: # 0BB;

маржа: 0 автоматты;

}

бет мәтіні

Ұсынылған: