css中怎样让某个属性不起左右

在CSS中设置某个属性不起左右是个常见的需求，比如在某个元素的文字中间插入图片或者图标，或者让一段文字在居中的背景图片上居中显示。

下面介绍两种方法达到这个效果：

/* 方法一：使用position属性 */
.element {
  position: relative;/* 给元素设置相对定位 */
}
.element img {
  position: absolute;/* 给图片设置绝对定位 */
  top: 50%;/* 将图片向上移动50% */
  left: 50%;/* 将图片向左移动50% */
  transform: translate(-50%, -50%);/* 使用transform将图片向左上方移动50% */
} 

在这种方法中，我们将父元素设置为相对定位，然后将子元素（比如图片）设置为绝对定位。通过使用top和left将子元素移到父元素的中心位置，再使用transform将子元素向左上方偏移同样的距离，这样就能让子元素在页面中居中显示，而不影响其他元素。

/* 方法二：使用text-align属性 */
.center-text {
  text-align: center;/* 居中显示文字 */
  background: url("center-bg.jpg") center center no-repeat;/* 使用背景图片并设置为居中 */
}
.center-text span {
  display: inline-block;/* 让span成为一个块级元素 */
  margin: 0 auto;/* 将margin设置为0并使用auto计算块级元素的宽度 */
  background: #ddd;/* 设置span的背景色 */
} 

在这种方法中，我们通过给父元素设置背景图片，并使其居中，然后将文字居中显示。接着，我们将要居中的文本包裹在一个带有背景颜色的span元素中，并将该元素设置为块级元素，并设置margin为0和auto进行居中计算。这样，就能让该元素居中显示在背景图片上。