当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< style >
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-x:hidden;
overflow-y:hidden;
}
</ style >
</ head >
< body >
< div >< p style = "width:140px" >
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
</ p ></ div >
< p >Overflow-x 是否对内容的左/右边缘进行裁剪。</ p >
< p >Overflow-y 是否对内容的上/下边缘进行裁剪。</ p >
</ body >
</ html >
|
效果图:
以上就是css overflow-x属性怎么用的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css中的图片翻转属性是什么
css3如何实现图片滚动播放效果(附代码)
炫酷的 css 边框动画,快来收藏吧!
css派生选择器怎么用
css超链接的底色如何设置
asp怎样引入css样式
css如何实现渐渐消失
css3和less的区别是什么
css中怎么插入表格
如何使用css来画一个棒棒糖
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css overflow-x属性怎么用