[分享]css内边距上下10px

在 CSS 样式中，内边距指的是元素内容和元素边框之间的距离。设置内边距的方式是使用 padding 属性，可以设置上下左右四个方向的内边距值。如果我们想要设置上下内边距均为 10 像素，可以这样写：...

在 CSS 样式中，内边距指的是元素内容和元素边框之间的距离。设置内边距的方式是使用 padding 属性，可以设置上下左右四个方向的内边距值。如果我们想要设置上下内边距均为 10 像素，可以这样写：

.element {
  padding-top: 10px;
  padding-bottom: 10px;
} 

当然，也可以使用简写的方式：

.element {
  padding: 10px 0;
} 

其中，上下内边距均为 10 像素，左右内边距使用默认值 0。

需要注意的是，设置内边距不会改变元素的宽度和高度，而是会增加元素内容相对于元素边框的距离。因此，当元素的宽度和高度已经设置好了，我们需要考虑好内边距的值，以防止元素溢出或者元素位置错乱。