div居中显示的例子 css样式实现div居中显示的代码

发布时间:2021-01-23编辑:脚本学堂
本文分享一例div居中显示的代码,用css样式实现div的居中显示,有需要的朋友,可以参考学习下。

实现div居中显示的css样式实例。
代码:
 

复制代码 代码示例:
<style type="text/css">
html * {margin:0; padding:0;}
body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#FFFFFF;}
/* 让内容垂直居中的控制样式在下面这一行 */
#PageMain{width:1002px; height:602px; background-color:#0E4980; margin:0 auto; position:absolute; top:50%; left:50%; margin:-301px 0 0 -501px;}
</style>
<!-- PageMain开始 -->
<div id="PageMain">
</div>
<!-- PageMain结束 -->
$("#按钮的id").attr("disabled","true"); 按钮就不能再点击了!
<li style="background:#ececec" onMouseOver="this.style.background='#ffffff'" onMouseOut="this.style.background='#ececec'">第1行第1列</li>

>>> 查看更多 css 居中 相关教程 <<<