本篇文章给大家分享的是有关怎么使用overflow-x属性，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

创新互联是一家以成都网站建设公司、网页设计、品牌设计、软件运维、营销推广、小程序App开发等移动开发为一体互联网公司。已累计为成都办公窗帘等众行业中小客户提供优质的互联网建站和软件开发服务。

 overflow-x属性是用来指定当元素溢出内容区域时，是否对内容的左/右边缘进行裁剪。

CSS3  overflow-x属性

作用：overflow-x属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。

提示：使用overflow-y属性来判断顶部和底部边缘是否裁剪。

语法：

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

visible：不裁剪内容，可能会显示在内容框之外。

hidden：裁剪内容 - 不提供滚动机制。

scroll：裁剪内容 - 提供滚动机制。

auto：如果溢出框，则应该提供滚动机制。

no-display：如果内容不适合内容框，则删除整个框。

no-content：如果内容不适合内容框，则隐藏整个内容。

注：overflow-x 属性无法在 IE8 以及更早的浏览器正确地工作。

CSS3  overflow-x属性的使用示例

这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。


Overflow-x 是否对内容的左/右边缘进行裁剪。
Overflow-y 是否对内容的上/下边缘进行裁剪。

效果图：

以上就是怎么使用overflow-x属性，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享名称：怎么使用overflow-x属性-创新互联
文章路径：http://myzitong.com/article/dgeosd.html