三种div居中显示方式

可以使用以下三种方式使div居中显示： 1. 使用CSS的margin属性将div的左右margin设置为auto，同时将宽度设定为一个固定值，例如： div { width: 200px; margin: 0 auto; } 2. 使用绝对定位将div置于父元素的中心，例如： .parent { position: relative; } div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 3. 使用flexbox布局将div水平和垂直居中，例如： .parent { display: flex; justify-content: center; align-items: center; } div { /* add styles as needed */ }