文章/答案/技术大牛

发布

社区首页 >问答首页 >"Text-align: center;“使我的右键离开页面

问"Text-align: center;“使我的右键离开页面
EN

Stack Overflow用户

提问于 2011-07-13 04:20:49

回答 2查看 1.2K关注 0票数 0

我一直在疯狂地搜索我的问题，但我似乎无法解决这个问题。

我已经创建和iFrame滚动通过8个图像与左和右方向按钮。当我对包含图像的DIV执行text-align: center;操作时，右箭头(#DIV2)消失了。

这是我的HTML，

<html>
<body>

<div id="leaf1"><button onClick="image_onclick('prev');"><img src="images/leaf.gif/></button</div>
<div id="image_box"></div>
<div id="leaf2"><button onClick="image_onclick('next');"><img src="images/leaf2.gif"/></button></div>

</body>
</html>

这是我的CSS，

body, p, image{
    margin: 0;
    padding: 0;
}

button{
    background-color: #ffffff;
    border: 0;
}

#image_box{
    text-align: center;
}

#image_box img{
    border: 1px solid black;
}

#leaf1{
    position: absolute;
    margin: 155px 0 0 8px;
}

#leaf2{
    position: absolute;
    margin: 160px 0 0 850px;
}

css

text-align

回答 2

Stack Overflow用户

发布于 2011-07-13 04:25:58

我不确定这是否是复制中的错误，但您有

另外，如果你想在你的image_box中居中显示图片，你需要将左边距和右边距设置为自动。所以：

            image_box img{
                margin: 0 auto; /* or margin-left:auto; margin-right:auto; */
                border: 1px solid black;
            }

票数 1

Stack Overflow用户

发布于 2011-07-13 04:33:16

这里有几个语法问题：

<img src="images/leaf.gif/></button</div>

当您关闭src属性和<button>元素时，页面呈现方式是否有所不同？

<img src="images/leaf.gif"/></button></div>

还要注意，根据您发布的代码，您正在将text-align: center应用于一个空的div。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6670588

复制

相似问题

问"Text-align: center;“使我的右键离开页面
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问"Text-align: center;“使我的右键离开页面EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问"Text-align: center;“使我的右键离开页面
EN