DIV CSS固定宽度居中的方法
导读:本文共928字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: DIV机关程度居中,症结运用CSS单词为margin:0 auto。 诠释:DIV对象外边距支配为自动适应隔绝距离(依据对象设置装备摆设宽度花色积极武断涉猎器裁撤设置装备摆设宽度后剩下宽度摆布积极对等人造就实现结构居中),高下间距为0px。 症结实例CSS代码:body{text-align:center}.box{margin:0au... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。 DIV机关程度居中,症结运用CSS单词为margin:0 auto。
诠释:DIV对象外边距支配为自动适应隔绝距离(依据对象设置装备摆设宽度花色积极武断涉猎器裁撤设置装备摆设宽度后剩下宽度摆布积极对等人造就实现结构居中),高下间距为0px。
症结实例CSS代码:
body{text-align:center}.box{margin:0auto;width:500px;height:100px;border:1pxsolid#00F}
首先对body设置装备摆设个css模式居中,当然也是为了兼容各大阅读器默许状况下模式为居中初始设置装备摆设,若何再对需要居中的抉择器设置构造居中(margin:0 auto),固定宽度设置装备摆设为500px,高度100px,CSS边框为1px蓝色实线边框。
这里配置500px宽度是任意配置,实践组织中依据需求配置,为了看到DIV被居中构造,所以退出高度和边框,以便窥察到固定宽度居中实例造诣。
实例完整HTML代码:
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>DIVCSSS5实例</title><style>body{text-align:center}.box{margin:0auto;width:500px;height:80px;border:1pxsolid#00F}</style></head><body><divclass="box">CSS5静止宽度居中实例</div></body></html>
实例成就截图
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:
DIV CSS固定宽度居中的方法的详细内容,希望对您有所帮助,信息来源于网络。