当父元素和子元素具有不同的%宽度时，如何使子div居中

当父元素和子元素具有不同的百分比宽度时，可以使用以下方法使子div居中：

1. 使用绝对定位和负边距：
   • 将父元素设置为相对定位（position: relative）。
   • 将子元素设置为绝对定位（position: absolute）。
   • 使用left: 50%将子元素的左边距设置为父元素宽度的一半。
   • 使用负边距（margin-left: -子元素宽度的一半）将子元素向左移动一半宽度。
   • 示例代码：
   • 示例代码：

• 使用flex布局：
  • 将父元素设置为flex容器（display: flex）。
  • 使用justify-content: center将子元素水平居中。
  • 示例代码：
  • 示例代码：
• 使用text-align属性：
  • 将父元素的text-align属性设置为center。
  • 示例代码：
  • 示例代码：

以上是三种常用的方法，可以根据具体情况选择适合的方法来实现子div居中。