首页 > 代码库 > 温故而知新 css + html 超级牛逼的居中策略
温故而知新 css + html 超级牛逼的居中策略
该方法甚至可以解决img内容居中的问题
套路：最外层div宽度为居中内容所占的宽度（通常是1170px），并且使其居中(margin：auto)
里层的div宽度为全屏（通常是1920px;）再margin-left:-368px 该值等于(1170-1920) / 2 = 375px ,然而实战的时候也会有偏差。所以不一定规定死。
原理暂时理不清。具体操作如下：
html:
<div class="my-slider-li-imgdiv"> <div class="my-slider-li-imgdiv-inner"> <img src="http://images.weicantimes.com/banner-1.jpg" alt="更智能的餐饮信息化管理系统，客户回流、高效推广、轻松管理、智慧运营" /> </div> </div>
css:
.my-slider-li-imgdiv{ width:1170px;margin: auto; } .my-slider-li-imgdiv-inner{ width:1920px; margin-left: -368px; }
温故而知新 css + html 超级牛逼的居中策略
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。