简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

DIV+CSS一些小小的技巧_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 12:27:04
Original
1004 Leute haben es durchsucht

DIV+CSS网页布局技巧实例1：设置网页整体居中的代码

以前用表格布局时设置网页居中非常方便，把表格对齐方式设置为居中就行了，就这么简单，现在呢，用DIV+CSS样式表控制，好像不是那么容易了，其实也很简单，只不过方式不同而已。


标准之路www.aa25.cn

　　请看这段代码，宽度为适合800×600分辨率浏览器的宽度，margin:0 auto; 这句代码就是让居中了，意思是外边距上下设置为0，左右设为自动。这样它就居中了。

　　那么可能你要问了，text-align:center;为什么还要让内容居中呢？呵呵，别着急，这句是为了适应IE6以下版本的浏览器而加的，IE6以下对margin:0 auto;不能解析为居中，所以用这种方式来补救，以下在设计内容时再用 text-align:left;就可以了。

　　注：margin和padding的值的顺序为顺时针上右下左，如margin:1px 2px 3px 4px;还可以缩写为上下、左右，如本例，如果为margin:0px;则是各边都为0

Verwandte Etiketten：
DIV+CSS一些小小的技巧
Quelle：php.cn
Vorheriger Artikel：别具光芒Div CSS 读书笔记（一）_html/css_WEB-ITnose Nächster Artikel：DIV CSS 居中代码(以及靠右)_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie kann ich die Höhe eines äußeren Divs so einstellen, dass sie immer der Höhe eines bestimmten inneren Divs entspricht? Ich habe ein äußeres Div, das drei innere Divs enthält. Ich möchte, dass das ganz linke in...
Aus 2023-11-07 13:59:30
0
2
314
So ändern Sie die Größe von SVG-Symbolen über <use>-Elemente wie Bilder In meinem HTML-Dokument habe ich ein Dokument, das viele Elemente mit ID-Attributen enthäl...
Aus 2023-09-15 21:09:43
0
1
551
CSS: Schlagschatten aus Div im Vuetify-Dialog mit Schlagschatten entfernen Ich habe ein Dialogfeld mit einem Dreieck, das mithilfe von CSS zu einem Div hinzugefügt w...
Aus 2023-09-13 19:57:28
0
1
210
HTML-Elemente gleicher Größe zur Normalisierung des Titelabstands Ich habe ein HTML-Element, das auf einigen Elementen vorhanden ist, auf anderen jedoch nic...
Aus 2023-09-13 18:27:42
0
1
279
Warum ändert sich trotz der Verwendung von rem die Elementgröße, wenn ich hinein- oder herauszoome? Ich implementiere ein Projekt, bei dem ich mit der CSSposition-Eigenschaft eine Schaltfläc...
Aus 2023-09-08 15:06:21
0
1
276
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！