资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

CSS中overflow属性的值有哪些

小编给大家分享一下CSS中overflow属性的值有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联-专业网站定制、快速模板网站建设、高性价比山西网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式山西网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖山西地区。费用合理售后完善,10年实体公司更值得信赖。

我们首先来看一下overflow属性的值有哪些?

overflow属性规定当内容溢出元素框时发生的事情。

overflow有以下四个属性值

visible:初始值,内容不会被修剪,会呈现在元素框之外。

scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

hidden:内容会被修剪,并且其余内容是不可见的。

auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

下面我们来详细说一说overflow属性的这四个值

我们来看具体的示例

代码如下

HTML代码

CSSoverflow

TheEuropeanlanguagesaremembersofthesamefamily.Theirseparateexistenceisamyth.Forscience,music,sport,etc,Europeusesthesamevocabulary.Thelanguagesonlydifferintheirgrammar,theirpronunciationandtheirmostcommonwords.Everyonerealizeswhyanewcommonlanguagewouldbedesirable:onecouldrefusetopayexpensivetranslators.


TheEuropeanlanguagesaremembersofthesamefamily.Theirseparateexistenceisamyth.Forscience,music,sport,etc,Europeusesthesamevocabulary.Thelanguagesonlydifferintheirgrammar,theirpronunciationandtheirmostcommonwords.Everyonerealizeswhyanewcommonlanguagewouldbedesirable:onecouldrefusetopayexpensivetranslators.


TheEuropeanlanguagesaremembersofthesamefamily.Theirseparateexistenceisamyth.Forscience,music,sport,etc,Europeusesthesamevocabulary.Thelanguagesonlydifferintheirgrammar,theirpronunciationandtheirmostcommonwords.Everyonerealizeswhyanewcommonlanguagewouldbedesirable:onecouldrefusetopayexpensivetranslators.

CSS代码

/*hidden*/

div.hid{

width:200px;

height:100px;

overflow:hidden;

background-color:#FF9999;

}

/*scroll*/

div.scr{

width:200px;

height:100px;

overflow:scroll;

background-color:#99FF99;

}

/*visible*/

div.vis{

width:200px;

height:100px;

overflow:visible;

background-color:#9999FF;

}

以上是“CSS中overflow属性的值有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前文章:CSS中overflow属性的值有哪些
URL网址:http://www.cdkjz.cn/article/ppeeoh.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220