html display
html display
定义和用法
display 属性规定元素应该生成的框的类型。
说明
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。
注释:CSS2 中有值 compact 和 marker,不过由于缺乏广泛的支持,已经从 CSS2.1 中去除了。
默认值: | inline |
---|---|
继承性: | no |
版本: | CSS1 |
JavaScript 语法: | object.style.display="inline" |
实例
使段落生出行内框:
p.inline{display:inline;
}
TIY
浏览器支持
所有主流浏览器都支持 display 属性。
注释:任何版本的 Internet Explorer (包括 IE8)都不支持 "inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、以及 "table-row-group" 属性值。
可能的值
值 | 描述 |
---|---|
none | 此元素不会被显示。 |
block | 此元素将显示为块级元素,此元素前后会带有换行符。 |
inline | 默认。此元素会被显示为内联元素,元素前后没有换行符。 |
inline-block | 行内块元素。(CSS2.1 新增的值) |
list-item | 此元素会作为列表显示。 |
run-in | 此元素会根据上下文作为块级元素或内联元素显示。 |
compact | CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。 |
marker | CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。 |
table | 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。 |
inline-table | 此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。 |
table-row-group | 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。 |
table-header-group | 此元素会作为一个或多个行的分组来显示(类似 <thead>)。 |
table-footer-group | 此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。 |
table-row | 此元素会作为一个表格行显示(类似 <tr>)。 |
table-column-group | 此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。 |
table-column | 此元素会作为一个单元格列显示(类似 <col>) |
table-cell | 此元素会作为一个表格单元格显示(类似 <td> 和 <th>) |
table-caption | 此元素会作为一个表格标题显示(类似 <caption>) |
inherit | 规定应该从父元素继承 display 属性的值。 |
html display相关推荐
- 汽车HUD(Head-up Display)的技术难点
汽车HUD(Head-up Display)的技术难点 首先解析一下HUD是什么原理吧.其实就是把车的前挡风玻璃当成反射镜,在驾驶员人眼前投射一个仪表盘的虚像.图像本身来自下方的电子发光屏,发出仪表盘 ...
- display:inline-block 的使用
display:inline-block 是行内块元素, 要明白这个首先需要明白块级元素与行级元素 可以查看我的这篇博客 博客地址 可以知道 块级元素 是独立一行的 行级元素有很多属性无法使用 有时 ...
- css中的display属性之li元素
li元素 li元素是一个块级元素,display值默认为 block 当我们把display值改为inline后,li元素以水平菜单的样式显示 补充:display与 visibility属性不同, ...
- html display 显示,CSS display显示
显示或隐藏 我们可以通过使用visibility属性或display属性来显示或隐藏元素. 要隐藏元素,请将display属性设置为"none"或将visibility属性设置为& ...
- xauth: (stdin):1: bad display name LSPPC-Lenny:1 in add command
启动vnc4server之后出现如下错误提示:LSPPC-Lenny:~# vnc4server xauth: (stdin):1: bad display name "LSPPC-Lenn ...
- 《Python和Pygame游戏开发指南》——2.16 pygame.display.update()函数
本节书摘来自异步社区<Python和Pygame游戏开发指南>一书中的第2章,第2.16节,作者[美]Al Sweigart(斯维加特), 李强 译,更多章节内容可以访问云栖社区" ...
- Android Display System --- Surface Flinger
SurfaceFlinger 是Android multimedia 的一个部分,在Android 的实现中它是一个service ,提供系统范围内的surface composer 功能,它能够将各 ...
- quick-cocos2d-x游戏开发【3】——display.newSprite创建向导
游戏嘛.没有图片没有图片可以称为你的游戏,所以,我们看一下使用quick如何创建精灵的方式. quick的api精灵族的创造仍然是非常具体的解释.因此,建立非常easy. display.newSpr ...
- display:inline-block的妙用!!列表布局!!
如下图:像这种列表布局我们一般用 float:left; 设置宽度和高度就OK了. 但是,如果高度不同或者文字字数不同呢,再用float:left;布局就全乱了.如下图: 现在,我们可以利用displ ...
- DHTML中style的display和visibility属性
DHTML中style的display和visibility属性 display是隐藏该对象,使该对象不占用页面排版空间. document.all("tr1").style.di ...
最新文章
- 无限级分类实现思路 (组织树的分级管理)
- iOS 快速定位到系统设置界面
- 在服务器上处理gis文件,云服务器处理gis
- C#热度不如Java?网友呛声:还有使用C#不能完成的工作?
- 新安装数据库sqlserver2008r2,使用javaweb连接不上问题处理
- tinyxml2遍历所有节点_Python实现二叉树的遍历
- linux下darknet指定opencv4编译安装
- 训练和测试自己的图像集
- deadline调度器之(一):原理
- mysql where range_MYSQL explain详解之range
- 豆瓣爬取电影top250
- 注册DLL文件命令的使用方法及详细说明
- 【解救ROS】ros小车机器人摄像头寻线的实现(基于opencv)
- 近视矫正手术:准分子激光,飞秒,全飞秒
- 一文速学-最小二乘法曲线拟合算法详解+项目代码
- 隐藏在计算机软硬件,隐匿在计算机软硬件背后的语言
- 最快最方便的献爱心方式——蚂蚁庄园
- 微服初识/优缺点2020-09-03
- ❤️数据可视化❤️:基于Echarts + GeoJson实现的地图视觉映射散点(气泡)组件【10】 - 黑龙江省
- 读hzk32_点阵字库HZK12 HZK16 HZK24 ASC12 ASC16 简介 及 使用方法[附源码]