CSS DIV 固定宽度居中办法

web前端|html教程

css,div,居中

web前端-html教程

DIV布局水平居中，关键使用CSS单词为margin:0 auto。

解释：DIV对象外边距左右为自动适应距离（根据对象设置宽度样式自动判断浏览器除去设置宽度后剩下宽度左右自动对等自然就实现布局居中），上下间距为0px。

java彩票源码,ubuntu 公钥登录,京太tomcat漫画免费,新闻 爬虫 指数,服务器运行php,解忧SEOlzw

关键实例CSS代码：

帝国7.2网站源码,vscode各种高亮,ubuntu /opt,tomcat如何停止,sqlite直接读的文件,QQ钻石V2.0商业插件,前端接触的框架和软件,网络爬虫的工作难不难,php 加密 js解密,新洲seo优化方法,手机网站菜单代码,下载了手机网页模板怎么安装,微信饮食菜单模板lzw

body{ text-align:center} .box{ margin:0 auto; width:500px; height:100px; border:1px solid #00F}

首先对body设置个css内容居中，当然也是为了兼容各大浏览器默认情况下内容为居中初始设置，如何再对需要居中的选择器设置布局居中(margin:0 auto)，固定宽度设置为500px，高度100px，CSS边框为1px蓝色实线边框。

仿穿衣搭配网源码,Ubuntu转换为中文,小霞爬虫图片,lmbs PHP,区块链+seolzw

这里设置500px宽度是任意设置，实际布局中根据需求设置，为了看到DIV被居中布局，所以加入高度和边框，以便观察到固定宽度居中实例效果。

实例：

body{ text-align:center} .box{ margin:0 auto; width:500px; height:80px; border:1px solid #00F}

CSS DIV 固定宽度居中的方法

在线运行