在CSS3中,超出显示点使用overflow属性来实现。overflow属性有以下几个取值:
overflow: visible; // 元素不会被修剪,会呈现在屏幕之外 overflow: hidden; // 元素被修剪,不显示超出部分 overflow: scroll; // 元素被修剪,但可以通过滚动条访问超出部分 overflow: auto; // 如果元素不被修剪,则自动显示滚动条
其中,visible为默认值,表示元素不会被修剪,会呈现在屏幕之外。hidden表示元素被修剪,不显示超出部分。scroll表示元素被修剪,但可以通过滚动条访问超出部分。auto表示如果元素不被修剪,则自动显示滚动条。
如果想要在超出显示点中实现更多的效果,可以使用overflow-x和overflow-y属性分别控制水平和垂直方向的超出显示点。
overflow-x: visible | hidden | scroll | auto; overflow-y: visible | hidden | scroll | auto;
总之,超出显示点是CSS3中非常有用的一项功能,它能够帮助大家更好地控制网页中不同元素的显示方式和布局效果。