正确对齐div内容的正确方法

时间:2011-09-13 22:40:03

标签: html css layout

我有这个页面,我刚刚在右侧添加了一个广告:

http://www.comehike.com/hikes/search_hikes.php?redirect=yes&radius=&postal_code=

我尝试将其包装在标签中,但在这种情况下不起作用。我可以用任何方式让广告在那里居中而不是向右浮动吗?

谢谢!

3 个答案:

答案 0 :(得分:2)

padding-left: 1em上的.content .chapter div将其抛弃。尝试删除该属性。

答案 1 :(得分:0)

尝试使用此CSS样式:

margin:0 auto

如果不起作用,请使用以下方法在右侧设置边距:

margin-right:10px;

答案 2 :(得分:0)

从我所看到的你已经在你的div的左边应用'1em'填充(在下面的样式表代码中显示),这是导致你的广告移出你的DIV范围的原因(I认为)。

.content .chapter div {
    padding-left: 1em;
    text-align: left;
}

尝试在包含广告iframe和设置

的div中添加一个类或ID
padding-left: 0px;

祝你好运。