龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css 浮动元素居中实现方法

时间:2012-12-31 10:44来源:未知 作者:admin 点击:
分享到:

<title>浮动元素居中</title>
<style type="text/css教程">
<!--
#hezi {
           position:absolute;
       left:50%;
       top: 50%;
       
}
.s_cell {
       float:left;
       position:relative;
       right:50%;
       bottom: 50%;
       background: red;
}
-->
</style>
<meta http-equiv="content-type" content="text/html; charset=gb2312"></head>
<body>
<div id="hezi">
<div class="s_cell">
    <span class="font_style">浮动元素内容1浮动元素内容1浮动元素内容1浮动元素内容1</span>
</div>
</div>


精彩图集

赞助商链接