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

Question

我有一些正文和页面设置可以使所有内容都很好地集中在我的网站中，这是我的 objective。但是，我在中心也有一些文本，当它很长时，它们目前沿着页面的整个宽度蔓延。每次我尝试设置 css 宽度属性，例如最大宽度时，它都会决定将其定位弄得乱七八糟，并使自己落在中心的最左侧。

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

EX 的东西很好地居中，但文本杂乱无章：https://www.flickr.com/photos/77598212@N03/34191523510/in/dateposted-public/

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

我会很感激任何和所有的想法。谢谢你。 -威尔逊 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; 即可使其居中。

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

Controlling text length, without destroying center positioning

css

positioning