Html 为什么这些是div'；s向左对齐，即使宽度：60%；

我用一支钢笔跳水

class="text-content" 

然后在CSS集合中

.text-content{
    width:60%

div中的文本将向左对齐。它占据了身体的60%，但它是左对齐的，不是中间对齐的。为什么会这样？除了类之外，没有其他东西影响div。将文本对齐：居中；在CSS中不做任何事情

如果您需要更多上下文，以下是所有代码：

html:

---

css:

您没有做任何事情使其居中，因此它不会居中

为了使块级元素居中，应将其设置为

auto

左右边距，如下所示：

.text-content {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

…或速记同样有效：

.text-content {
    width: 60%;
    margin: 1em auto;
}

---

这是div显示的预期行为：block

你可以做两件事：

1） 加上左边的边距：20%；（左边是20%的空间，60%的图层，右边是20%的空间）

2） 更改要显示的元素：内联块；并添加：文本对齐：居中；为了你的身体

body { text-align: center; }
.header, #up, .text-content {
  display: inline-block;
  text-align: left;
}

我在以下代码中展示了后一个选项：

img.properties{
排名：0；
最大宽度：130像素；
高度：自动；
填充：0；
右边距：10px；
左边距：0px；
边缘底部：10px；
}
正文，html{
身高：100%；
保证金：0；
填充：0；
边界：0；
文本对齐：居中；
}
.header，#up，.text内容{
显示：内联块；
文本对齐：左对齐；
}
.标志{
浮动：左；
保证金：0；
填充：0；
}
.标题{
背景：黑色；
宽度：100%；
保证金：0；
填充：0；
位置：固定；
排名：0；
左：0；
}
.集装箱{
宽度：60%；
保证金：0自动；
}
a{
文字装饰：无；
颜色：白色；
字体系列：“Oswald”；
字体大小：25px；
}
保险商实验室{
颜色：白色；
}
李{
列表样式：无；
浮动：对；
利润率：15px；
填充顶部：14px；
字体大小：25px；
字体系列：“Oswald”；
}
#向上{
边缘顶部：120px；
宽度：60%；
}
.文本内容{
宽度：60%；
}
.视差{
/*使用的图像*/
背景：url（'parallax1.jpg'）；
/*全高*/
高度：300px；
宽度：100%；
/*创建视差滚动效果*/
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
@仅介质屏幕和（最大设备宽度：1024px）{
.视差{
背景附件：滚动条；
}
}

A/S——家





Lorem ipsum dolor sit amet，是一位杰出的献身者。无等分的无等分的turpis。我是埃古斯塔·麦格纳。金丝雀、金丝雀和金丝雀。临时生活，自由坐在康瓦利斯广场上，在前总统选举中，我们在同侧脸上画了一条弧线。佩伦茨克·奥迪奥·多洛，欧盟的爱神ac，塞姆珀·埃格斯塔斯·奥奇。毛里斯坐在波苏尔迪亚姆的阿梅特·尤里西斯·胡斯托（amet ultricies justo）。酒后驾车。这是一个连续的例子

前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。不必担心，因为这是一个好消息。罗恩卡斯·埃洛斯（Phasellus rhoncus enim eros），坐在威尼斯人莫里斯·卢克图斯（amet Venetatis mauris luctus quis）的位子上。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。Donec ornare odio dolor，弗林利亚大教堂。车辆上的所有车辆均已关闭。阿利奎姆·塞德·马克西姆·伊普森，一位孕妇。这是孕妇的饮食习惯。孕妇的前庭入口，是胎儿的生命。Fusce placerat turpis坐在amet massa fringilla，非convallis magna孕妇。佩伦特斯威利特酒店

多奈克·乌尔特里斯·奥基·莱克托，在《自由脉搏》中。我不知道你在想什么。前庭有脓性前庭、特殊前庭和软腭前庭。宿醉发酵液。埃洛斯，艾美特拍卖人埃吉特，阿库斯·阿卡里斯。Phasellus eu tristique dolor。塞德·萨皮安·利伯罗（Sed sapien libero），非普尔文纳（varius non pulvinar）的密歇根州康格（congue）。埃尼安·奎斯·洛博蒂斯·图皮斯。这是一个节奏。拉卡斯的利奥·索达莱斯·阿利奎特·康塞特图尔（leo sodales aliquet Concertetur）的猫之家万岁。杜仲。埃涅和福利西斯是奥古斯

前庭nec nisl扫描电镜。在阿尔库乌尔特里斯，帕特埃尼姆坐在阿梅特，福西布斯利奥。这是一个很好的例子。这是我的宿命。这是一个很好的选择。埃蒂亚姆·亚库利斯自由之家位于奥纳雷普尔维纳尔。Nam commodo turpis velit，非egestas arcu maximus vitae。埃涅阿斯康涅狄格州老年人，nec孕妇最大缺陷。莫里斯·埃斯特劳斯。利奥·利古拉（leo ligula）和欧盟（Euro ornare est congue ut）是一对夫妇。欧盟孕产妇，欧盟孕妇。purus中的Fusce risus purus、vitae中的vehicleu ut pretium vitae、odio中的pretium。杜伊斯·利奥·麦格纳，拉齐尼亚港，tempus在sem。福斯·尼塞尔·费利斯，努克·内克的名言，朗卡斯·佩伦茨克的自由主义者。我的朋友们，我的朋友们，我的朋友们，我的朋友们

Lorem ipsum dolor sit amet，是一位杰出的献身者。无等分的无等分的turpis。我是埃古斯塔·麦格纳。金丝雀、金丝雀和金丝雀。临时生活，自由坐在康瓦利斯广场上，在前总统选举中，我们在同侧脸上画了一条弧线。佩伦茨克·奥迪奥·多洛，欧盟的爱神ac，塞姆珀·埃格斯塔斯·奥奇。毛里斯坐在波苏尔迪亚姆的阿梅特·尤里西斯·胡斯托（amet ultricies justo）。酒后驾车。这是一个连续的例子

前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。不必担心，因为这是一个好消息。罗恩卡斯·埃洛斯（Phasellus rhoncus enim eros），坐在威尼斯人莫里斯·卢克图斯（amet Venetatis mauris luctus quis）的位子上。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。Donec ornare odio dolor，弗林利亚大教堂。车辆上的所有车辆均已关闭。阿利夸姆s
*{
margin:0px;
padding:0px;
}

.text-content {
  margin: 120px auto 0;
  width: 60%;
}