CSS样式之overflow属性

来源:互联网 发布:qq飞车b车 大黄蜂数据 编辑:程序博客网 时间:2024/06/05 02:52

CSS样式之overflow属性

1.CSS样式之overflow属性

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>div { height: 50px; width: 100px; float: left;}/*overflow属性; * visible:默认属性,内容不会被修剪,直接在元素框外面显示 * hidden:内容会被修剪,并且元素框外元素不可见 * scroll:直接出现滚动条,修剪的部分在元素框滚动中显示 * auto:修剪后出现滚动条,不修剪不出现 */.a1{overflow: visible;}.a2{overflow: hidden;}.a3{overflow: scroll;}.a4{overflow: auto;}</style></head><body><div class="a1"><img src="../../img/1.jpg"/></div><div class="a2"><img src="../../img/1.jpg"/></div><div class="a3"><img src="../../img/1.jpg"/></div><div class="a4"><img src="../../img/1.jpg"/></div></body></html>


原创粉丝点击