中心对齐的DIV

我是CSS新手，所以请帮我解决我的问题。中心对齐的DIV

我该如何制作宽DIV（命名为“巨大”），该DIV的位置与基地DIV的中心相同（称他为“瘦”），这比“巨大”小。虽然“巨大”具有固定的尺寸，但“薄”应该是宽度：自动（“橡胶”）。

任何想法？

来源

2011-09-13 Epsiloncool

奇怪的具体命名说明使这个声音像作业......如果是这样，请标记为这样，人们会更愿意帮助你。 – rownage

为什么不向我们展示实际的html和期望的结果？ :)'margin：0 auto;'是居中固定宽度div的最佳方式。 –

hmmmmmm。巨大！瘦！听起来像劳雷尔和哈代 – Jawad

试试这个：

<div id="outer" style="width:700px; margin: 0 auto; border:1px solid black;"> 
    <div id="inner" style="width:auto; margin: 0 auto; text-align:center; border:1px solid red;"> 
     some text 
    </div> 
</div>

的部分margin: 0px auto;意味着：设置上下页边距为0px，和左，右为自动（这将创建一个div的中心）。部分text-align:center是自我解释 - 在文本中心。添加边界以向您显示它正在按您的要求工作。

来源

2011-09-13 18:45:32

请看这个[链接] http://imageshack.us/f/832/thinhuge.jpg/（抱歉，但手淹没图像只是更快:)）。这张照片描述了我的意思。 – Epsiloncool

@Jonas我知道在一个div内定位一个div在margin：0 auto;但它不适用于我的情况:( – Epsiloncool

我仍然有理解你想达到什么问题。你发布的链接（decor.svn2ftp.ru）是你的网站，是吗？你可以发布一个截图你想实现什么？ –

There is jQuery plug-in Roundabout, which using big DIV to store the picture...

我想你可以通过missunderstod参考插件使用的概念。因为那些看似较大（作为背景）的元素实际上可以与那些看似“薄”的元素具有相同的尺寸。结账：http://jsfiddle.net/toopay/JMp88/

来源

2011-09-14 04:50:42 toopay

中心对齐的DIV

回答

相关问题