要让父元素使用 justify-content: center 居中对齐的情况下,子元素依然靠左显示,可以使用以下两种方法:

  1. 使用flex布局,并将父元素的 justify-content 设置为 flex-start。这将使得子元素在父元素中居左显示。
.parent {
  display: flex;
  justify-content: flex-start;
}
  1. 如果不使用flex布局,可以使用 text-align 属性将文本内容居左显示。将父元素的 text-align 设置为 left
.parent {
  text-align: left;
}

请注意,以上方法只适用于子元素是块级元素或内联块级元素的情况。如果子元素是内联元素,则无法通过以上方法使其居左显示。

父元素居中,如何让子元素靠左显示?

原文地址: https://www.cveoy.top/t/topic/qpNH 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录