[分享]css中如何设置hr长度

在CSS中，要设置水平线（hr）的长度，可以使用width属性和百分比值来控制。width属性定义了hr的宽度，而百分比值表示其相对于其父元素的宽度。例如，下面的CSS代码将hr元素的宽度设置为80：...

在CSS中，要设置水平线（hr）的长度，可以使用width属性和百分比值来控制。width属性定义了hr的宽度，而百分比值表示其相对于其父元素的宽度。
例如，下面的CSS代码将hr元素的宽度设置为80%：

hr {
  width: 80%;
} 

这样，水平线的宽度就会占据其包含元素宽度的80%。
另外，如果要设置水平线的长度为固定值，可以使用像素（px）单位来指定。下面的CSS代码将hr元素的宽度设置为300像素：

hr {
  width: 300px;
} 

这样，水平线的长度就会始终为300像素，与其包含元素大小无关。
需要注意的是，如果hr元素的包含元素宽度小于设置的宽度值，那么水平线将会被压缩，因此应该根据实际需要来设置宽度值，以保证页面布局的美观性。
总之，CSS提供了多种方法来设置水平线的长度，可以根据实际需求来选择合适的方式。