display:block
display:block 意思是:让对象成为块级元素(比如a,span等)。
一般的块级元素诸如段落<p>、标题<h1><h2>...、列表<uL><ol><dl> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........
块级无素的显著特点是:每个块级元素都是从一个新行开始显示,而且其后的无素也需另起一行进行显示。
《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。
转载网址:http://xiaofeng.javaeye.com/blog/547040
- 顶
- 0
- 踩
display:block相关推荐
- DIV CSS display (block none inline)属性的用法教程
在一般的CSS布局制作时候,我们常常会用到display对应值有block.none.inline这三个值.下面我们来分别来认识和学习什么时候用什么值.这里通过CSS display知识加实例.图演示 ...
- display(block,inline,none),visibility(visible,hidden)之间的关系及区别(不同)
这段时间一直对display属性的block,inline,none和visibility属性的visible,hidden一直很模糊,总觉得很难理解,通过下面这个实例,就可以很好的牢记这几者之间的区 ...
- display:inline display:block
display:inline; 元素会被显示为内联元素,元素前后没有换行符. display:block 元素将显示为块级元素,此元素前后会带有换行符. 举例: 1.display:block < ...
- img标签设置display:block,宽度无法100%
img标签设置display:block,宽度无法100% 一些个人总结,第一次发文章,有什么不足的地方,还请各位多提意见 现象 如下代码,img标签设置了display:block,尺寸宽度无法设定 ...
- php display block,CSS display (block inline none )常见属性和用法教程
display 属性规定元素应该生成的框的类型. 这个属性用于定义建立布局时元素生成的显示框类型.对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定 ...
- 利用 html 和 css 实现导航栏下拉(display block、display none)
利用 html 和 css 实现导航栏下拉(display block.display none) 需求 设计并实现一个导航栏菜单,对某个项目比如你的个人书籍按类别(硬件类.软件类.语言类.网络类等分 ...
- CSS diaplay=“grid“未生效与display:block
1.CSS grid可以通过嵌套生成更灵活的页面布局. 参考博客值得收藏的css grid构建复杂布局的小技巧!中代码示例 <p class="container">& ...
- html block属性,css display block属性的意思、作用和效果
css中display的block属性是什么意思呢?他是指拥有该属性的html元素以块的方式显示,同时,该元素的前面和后面都会换行,也就是说,如果给一个元素B设置的display:block,那么该元 ...
- Apple safari浏览器, 把table 的td改为display:block之后显示不正常
table改为响应式,即:浏览器够宽的时候,比如10个列,是完整显示: 浏览器很窄的时候,改为10个列竖排, 这时就是把td显示改为display:block即可, 在chrome等浏览器上是ok的, ...
- CSS中display:block和display:flax使用记录
CSS中display:block和display:flax使用记录 代码: (css) .navigation ul li a{position:relative;width: 100%;text- ...
最新文章
- k8s-harbor安装
- .NET Core2.1下采用EFCore比较原生IOC、AspectCore、AutoFac之间的性能
- 【转摘】Office三剑客之间的格式互换
- 目瞪口呆!137亿年的宇宙演化,竟然如此震撼!简直颠覆想象....
- 【渝粤题库】国家开放大学2021春2585城市轨道交通概论答案
- Windows Phone 7 开发 31 日谈——第25日:外部API
- ORA-12505, TNS:listener does not currently know of SID given in connect descriptor异常
- java实现录屏_java录屏截屏: 用java代码实现的录屏和截图截屏,并在springboot上实现...
- c++扫雷游戏代码_C语言学习教程,用C语言编写扫雷游戏
- python实现多智能体一致性_多智能体深度学习算法MADDPG的PARL实践
- QT QTableView(基于QStandardItemModel用法)操作详解
- 第九届GIS应用技能大赛上午(试题及答案含数据)
- git reset --hard HEAD~X误删恢复操作
- Spring自定义参数解析器
- 三子棋游戏(呆呆详解版)
- 链家数据分析(社招),骗局???
- ios逆向学习环境安装(一)
- Linux下安装和使用RTX腾讯通
- unity3d培训_006
- 云有约 | 在斩获“数据金羊毛”的途中,易观造船现行,人称Argo号~