The following elements may also be considered block-level elements since they may contain block-level elements:
这段描述中,似乎也是在说, <li />
就是一个"半内联"的元素。当然,这个列表里面的类似于 <td />
这些元素,也曾给我带来这样的疑惑。今天看了一下各浏览器的默认CSS。结果是这样的:
Browsers | CSS |
---|---|
IE6/IE7 | li{display:block; } |
IE8+ / Webkit / Firefox / Opera | li{display:list-item; } |
在这里,也基本上明了了。在除 IE6/7 以外的 A-Grade 浏览器中,就是一个"半内联"的元素。提到 display:list-item;
,其实,即使现在所有的 A-Grade 浏览器都支持,用的人其实不多。为什么?其实就是没什么用。在 Quirks Mode,PPK 是这样说的:
display: list-item
means that the element is displayed as a list-item, which mainly means that it has a bullet in front of it (like an UL), except in IE 5 on Mac where it gets a number (like an OL). The numbers are buggy: all previous LI’s in the page count as one, so this example starts with number 5 (the screenshot was made before I inserted my compatibility-LI’s).Live example:display: blockdisplay: list-itemdisplay: list-item
Right。其实这个意义不大。但也算是解了自己的一个疑惑。分享出来,如果你也有这样的疑惑,或许下次 Coding 的时候出现 Bug 或者其他疑问,估计也就能很快反应过来了。
《核工程 数字化仪控 核安全核动力》 EnzoReventon 核电站数字化仪控系统与传统...
【Python基...
IT之家2月7日消息去年年初,微软突然在 Windows 搜索中尝试引入天气图块,但最终...
http请求介绍 HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信...
文章目录 基本概述 部署环境 实验步骤 MYSQL数据库配置文件详解 MYSQL 密码管理 ...
1. 文章目的 随着 WebApiClient 的不断完善,越来越多开发者选择WebApiClient替...
1.下载egit插件 打开Eclipse,git需要eclipse授权,通过网页是无法下载egit的安...
对于Windows 10用户来说,要特别警惕不明确的字符串,因为其可以让你的硬盘损坏...
废话不多说了,直接给大家贴实现此功能的正则表达式代码了,具体代码如下所示: ...
前言 Laravel全局捕获异常后,会把异常转为相应的数据格式返回给用户。如果想要...