容易的方式来集中CSS中的可变宽度div

前端之家收集整理的这篇文章主要介绍了容易的方式来集中CSS中的可变宽度div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在设计一个Div,它将具有不同宽度(基于网站的内容)。

我在这里阅读了一个相对定位技术:

http://www.tightcss.com/centering/center_variable_width.htm

但是我觉得要做一个更简单的方法呢?

解决方法

这是一个非常稳固的方法,应该在大多数浏览器中运行良好。当你打破它时,这并不是那么复杂。这是一个基本的例子:
<style type="text/css">
#hideoverflow { overflow: hidden; }
#outer { position: relative; left: 50%; float: left; }
#inner { position: relative; left: -50%; float: left; }
</style>

<div id="hideoverflow">
    <div id="outer">
        <div id="inner">
            Lorem ipsum dolor sit amet,consectetur adipiscing elit. Sed id velit vel  augue fringilla rhoncus at et odio. Suspendisse potenti. Aliquam justo  libero,commodo ut iaculis in,placerat vel purus.
        </div>
    </div>
</div>
原文链接:/css/219508.html

猜你在找的CSS相关文章