编 辑 新 闻
新闻类型:
编程天地
编程天地
摄影天地
海贝官方
文学
电脑技术
创业天地
旅游天地
健康生活
游戏动漫
法律法规
商品欣赏
汽车世界
净化工程
UI
JQ与JS
APP
asp.net
系统
数据库
UI
JAVA
新闻主题:
 
搜索
 
前台
商品编号:
发 表 人:
关键字:
用空格隔开
新闻内容:
(小于1200字时 <br 分页)
<p>传统的水平居中样式 <span style="font-family:Consolas; font-size:10pt; color:rgb(207,72,32)">margin</span><span style="background-color:rgb(240,240,240); font-family:Consolas; font-size:10pt">:</span><span style="font-family:Consolas; font-size:10pt; color:rgb(79,118,172)">0</span><span style="background-color:rgb(240,240,240); font-family:Consolas; font-size:10pt"></span><span style="font-family:Consolas; font-size:10pt; color:rgb(79,118,172)">auto</span><span style="background-color:rgb(240,240,240); font-family:Consolas; font-size:10pt">; 这个方法要求使用这个样式的dom元素,必须同时定义宽度width. 如果dom元素内容是不固定的,那么就无法定义宽度.所以这个地方就很难弄.</span></p><p>经过多次摸索终于找到解决方案. 经过测试发现兼容性还行.</p><p><br/></p><pre style="font-family:Consolas; font-size:10pt; background-color:white">.SecondMenuBody{ display: table; /*重点就是这个属性,这个样式会告知浏览器当前元素的宽度,采用最小的宽度.不是默认全宽*/ margin: 0 auto; }</pre><p><div id="父元素" ></p><p> <div class="<span style="color:rgb(130,49,37); background-color:rgb(240,240,240); font-family:Consolas; font-size:10pt">SecondMenuBody</span>">这里的内容永远相对父元素水平居中</div></p><p></div></p><div class="skin_nav"></div><p> </p><p class="reprint_copy" style="" id="copyright">版权声明:本文为 走错路的程序员 原创文章,欢迎转载。</p><p><br/></p>
操作:
跳过导航链接。
净化工程
洁净室
汽车世界
安全常识
汽车养护
品牌欣赏
商品欣赏
商品评测
高逼格
商品对比
法律法规
法律法规
民生政策
游戏动漫
动漫天地
游戏欣赏
Flash游戏
健康生活
杂文
职务分类
便民服务
影视天地
教育
生活常识
饮食文化
偏方药方
养生之道
圣经领悟
开心一笑
品牌黑白帮
妇婴
旅游天地
购物天堂
中国村镇
旅游景点
旅游咨询
创业天地
创业故事
公司管理
创业项目
工作技巧
展会
资料
电脑技术
维修
电脑知识
文学
人间万象
历史
古诗词
人生感悟
海贝官方
商品欣赏
招标信息
海贝新闻
招聘专栏
关于我们
行情动态
海贝娱乐
海贝项目
会员礼品
商品报价
特惠信息
摄影天地
古风古韵
花鸟鱼虫
秀美山河
静物拍摄
风土人情
节日祝福
城市风光
美女摄影
编程天地
JAVA
UI
数据库
系统
asp.net
APP
JQ与JS