CSS overflow-x属性:控制水平方向溢出内容的处理方法

CSS overflow-x属性:控制水平方向溢出内容的处理方法 第一张

CSS的overflow-x属性是用来控制水平方向溢出内容的处理方法,它可以让你设置溢出内容的处理方式,可以是隐藏、显示滚动条或者显示溢出内容。

使用方法

overflow-x属性可以有五个可选值:visible(默认)、hidden、scroll、auto和inherit。

  • visible:元素的内容会超出元素框,但是不会显示滚动条。
  • hidden:元素的内容会超出元素框,但是会被隐藏,不会显示滚动条。
  • scroll:元素的内容会超出元素框,会显示滚动条以便查看超出的内容。
  • auto:当元素的内容超出元素框时,会自动显示滚动条。
  • inherit:规定应该从父元素继承overflow-x属性的值。
  overflow-x: visible|hidden|scroll|auto|inherit;

例如,如果你想让一个div元素的内容超出元素框,但是不显示滚动条,你可以使用以下代码:

  div {
    overflow-x: hidden;
  }
© 版权声明
THE END
分享