Html 减少文本宽度,同时保持对齐

Html 减少文本宽度,同时保持对齐,html,css,Html,Css,我在标签中有文本 我的标记的css如下所示: p { max-width:1000px; text-align:center; font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; } 如你所见,我已经将文本居中,并且我已经做了调整,使得最大宽度不是从屏幕的一侧到另一侧,这就是当前的情况 我怎样才能解决这个问题?我不知道还有什么其他风格。就这么做吧:

我在
标签中有文本

我的
标记的css如下所示:

p {
max-width:1000px;
text-align:center;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}
如你所见,我已经将文本居中,并且我已经做了调整,使得最大宽度不是从屏幕的一侧到另一侧,这就是当前的情况


我怎样才能解决这个问题?我不知道还有什么其他风格。

就这么做吧:

p {
max-width:1000px;
margin: 0 auto;
text-align:center;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}
边距自动将自动排列或调整您的文本值或任何内容


它现在应该可以工作了。:)

因为您正在设置宽度,所以只需使用
边距:0 auto
。你的意思是设置这样的宽度是不好的做法吗?而且,它工作得很好。如果你愿意的话,你可以给我一个答案让我接受。