频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
网页前端CSS之属性转换与元素溢出
2019-01-30 15:31:59           
收藏   我要投稿

一:css属性转换:

css属性块级元素和行内元素的转化

display 属性规定元素应该生成的框的类型

默认值:inline 此元素会被显示为内联元素

block 此元素将显示为块级元素

none 此元素不会被显示

二:元素溢出

overflow:属性进行滚动

visible:默认值内容不会被修剪,会呈现在元素框之外

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

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

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

.ad{
    width: 200px;
    height: 200px;
    border: 1px solid red;
    background: green;
    /*display: none;设定元素隐藏*/
    /*display: inline;根据文字控制p的大小(转化为行内元素)*/
    
    
}
.ae{
    width: 200px;
    height: 200px;
    border: 1px solid blue;
    background: red;
    /*display: block;将元素转化成块级元素*/
}
.af{
    width: 200px;
    height: 200px;
    border: 1px solid blue;
    overflow: scroll;
    
}
点击复制链接 与好友分享!回本站首页
相关TAG标签 网页 前端 CSS
上一篇:vueinitwebpackTravel项目初始化失败问题怎么解决
下一篇:vue单页面通过插件进行SEO优化
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站