Question

遇到问题我不明白。我能够在所有设备上完美地将按钮放在我的页面上的唯一方法是，如果我应用宽度：100％。

然而问题是它是否会产生一个庞大的按钮，太宽了。我想把它砍下来。问题是，任何时候我摆脱宽度：100％以任何方式，它使完美的按钮位置变得混乱。

关于如何让我的按钮居中，但也不是超宽和蔓延的任何想法。谢谢。 -Wilson

指向网站的链接：http://www.wilsonschlamme.com/test3.html？

CSS：

img {
width:100%;
max-width:500px;
max-height:340px;
box-shadow: 5px 5px 5px grey;
border-style: groove;
border-width: 1px;
position: absolute;
top: 107px;
}


button {
color: #900;
font-weight: bold;
font-size: 150%;
text-transform: uppercase;
width: 100%;
position: relative;

top: 600px;


}



#ShowText{
width: 800px; /* change to your preferences */
overflow:hidden; /* older browsers */
position: absolute;
margin-top: 500px;
text-align: center;
margin-left: -140px;
font-size: 18px;
font-family: vendetta, serif;
line-height: 25px;

}

h1{
position: absolute;
top: 5px;
font-size: 250%;
width: 800px; /* change to your preferences */
overflow:hidden; /* older browsers */
font-family: hobeaux-rococeaux-sherman, sans-serif;

}


#wrapper {
width: 500px;
margin: 0 auto;
}

Answer 1

看一下这个网站，有一个完整的指南来集中div。 http://www.tipue.com/blog/center-a-div/

Answer 2

我不知道你的基础是什么，你的基本绝对定位主要是你的元素，但要回答你的问题，给text-align：center;到#wrapper，然后为每个#wrapper子项提供text-align：left，除了按钮。

搭配：100％唯一的控制中心按钮的方法？

2 个答案: