Javascript 如何将卡片与左对齐的文本居中对齐？

这里是新手问题

我想要一张宽度不超过整个窗口的卡片。我有一个我在下面定义的卡片样式

cardStyle:{
    width: '95vw'
    align? : 'center?'
    textAlign? : 'default or left or something'
}

我希望我的卡片居中，但文字要有通常的左对齐。我似乎无法理解这一点。如果我把它放在一个小隔间里，我会把一切都集中起来

---

谢谢你的帮助

有很多方法可以做到这一点，但最简单的方法是将“卡”设置为块级元素（在自己的行上渲染的元素）。它的宽度需要小于100%，其左右边距应设置为

auto

。应用于左右边距的

auto

告诉浏览器在这两个边距之间平均分割剩余的空间，从而将元素“推”到视口的中心

块元素内容的对齐与元素本身的位置是分开的

left

是默认的

text align

值，它是继承的值

.card{
宽度：50vw；
保证金：自动；
边框：1px纯黑；
背景：#e0；
}

---

我就是这张卡

你需要显示HTML，这样我们就可以知道它应该是什么样的CSS。但是

文本对齐

应该默认为

左

，除非它从较高的元素继承了不同的值。没有

align

属性。此外，CSS规则不会在选择器后面放置冒号，只在属性和值之间放置冒号。