Question

我是CSS的新手，所以请帮我解决我的问题。

如何制作宽DIV（命名为“巨大”），其定位与基本DIV（称为“瘦”）相同的中心，小于“巨大”。虽然“巨大”具有固定尺寸，但“薄”应该是宽度：auto（“橡胶”）。

有什么想法吗？

Answer 1

试试这个：

<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是自我解释的 - 将文本置于内部。添加边框以向您显示它正常工作。

Answer 2

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

我认为你可能会错过参考插件使用的概念。因为那些看起来更大（作为背景）的元素实际上可以与那些看似“薄”的元素处于相同的大小。结帐：http://jsfiddle.net/toopay/JMp88/

中心对齐的DIV

2 个答案: