css 选中的元素背景色居中左右有间隔不占据整个宽度怎么设置

可以使用display: inline-block和margin属性来实现选中元素背景色居中，左右有间隔，不占据整个宽度的效果。

HTML代码：

<div class="container">
  <div class="selected-element">选中的元素</div>
</div>

CSS代码：

.container {
  text-align: center;
  margin: 0 auto;
  width: 300px; /* 可根据需要调整容器的宽度 */
}

.selected-element {
  display: inline-block;
  background-color: yellow;
  padding: 10px;
  margin: 0 10px; /* 左右间隔为 10px */
}

上述代码中，通过.container设置容器的宽度和居中对齐。.selected-element使用display: inline-block使其在一行内显示，并且可以设置padding属性来调整选中元素的内边距，使用margin属性来设置左右间隔