Question

我有一些正文和页面设置可以保持我网站中的所有内容，这是我的目标。但是，我在中心也有一些文本，当它长时间沿着页面的整个宽度蔓延。每次我尝试设置一个css width属性，比如最大宽度时，它就决定用它的定位去乱，然后将它自己放在中心的左边。

我想我的整体页面中心定位存在一些问题，并将任何类型的width属性设置为div。

EX的东西很好地居中，但是文字庞大：https://www.flickr.com/photos/77598212@N03/34191523510/in/dateposted-public/

当我尝试设置任何宽度时： https://www.flickr.com/photos/77598212@N03/34191523450/in/dateposted-public/

我很欣赏任何想法。谢谢。 -Wilson css：

 *{
 margin:0;
 padding:0;

 }

body{
text-align:center; /*For IE6 Shenanigans*/
 }

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


 }

h1{
margin-top:20px;
font-size: 250%;
overflow:hidden; /* older browsers */
font-family: hobeaux-rococeaux-sherman, sans-serif;



}

img {
max-width:500px;
max-height:340px;
box-shadow: 1px 5px 5px grey;
border-style: groove;
border-width: 1px;
margin-top:20px;
}

#ShowText{

overflow:hidden; /* older browsers */
word-wrap: break-word;
padding-top: 100px;

font-size: 18px;
font-family: vendetta, serif;
line-height: 25px;

}

Answer 1

如果块元素上有固定宽度，则只需将其margin: 0 auto;置于中心位置即可。

控制文本长度，不破坏中心定位

1 个答案: