简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer： 2016-06-24 12:27:04
original
1037 Les gens l'ont consulté

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

Étiquettes associées：
DIV+CSS一些小小的技巧
source：php.cn
Article précédent：别具光芒Div CSS 读书笔记（一）_html/css_WEB-ITnose Article suivant：DIV CSS 居中代码(以及靠右)_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment supprimer l'espace sous chaque ligne du tableau Tic-Tac-Toe dans Next.js en utilisant CSS ? Pourquoi y a-t-il un espace sous chaque ligne ? (CSS) J'essaie de créer une application Ne...
Depuis 2024-04-05 11:39:02
0
1
1431
Comment changer dynamiquement la taille d'un conteneur HTML ? J'ai un conteneur div qui est un arrière-plan qui change de taille dynamiquement avec la f...
Depuis 2024-04-03 20:38:38
0
1
272
Est-il possible d'avoir plusieurs classes span sur la même ligne sans utiliser div ? Je voulais que chaque texte ait une couleur différente, j'ai donc utilisé plusieurs classe...
Depuis 2024-04-03 11:17:18
0
1
360
Pagination de pages Web HTML dans Chrome J'essaie de paginer après un conteneur div pleine page. Tout comme pour charger une page d...
Depuis 2024-04-02 23:26:08
0
1
404
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！