<display>标签的几个属性

<display>这个标签个人觉得挺强大的,但是用不好的话就会成为个累赘,下面给大家分享一下他的几个属性。

none:表示此元素不会被显示。

block:此元素将显示为块元素,前后会换行。(此属性可以用来去除图片自带的3px的问题)

inline:此元素将显示为行元素,前后不会换行。

inline-block:此元素显示为行内块元素,具有块元素的属性,但是允许其他块元素与其同行显示。

list-item:此元素会作为列表显示。

table:此元素会作为块级表格来显示,前后换行。

inline-table:此元素会作为一个行内表格来显示,前后不换行。

其实平常的时候用不到几个,别的方法完全可以觉得,但是记住几个还是有用的。

时间: 2024-10-12 17:04:33

<display>标签的几个属性的相关文章

块属性标签和行内属性标签及样式优先级

一,块属性标签 1,默认撑满一行: 2,高度,行高以及顶.底边距都可控制: 3,宽度缺省是它所在容器的100%,除非设定一个宽度. 二,行内属性标签 1,默认标签后面跟相同属性的标签元素: 2,不支持宽高: 3,只支持横向的margin和padding: 4,便签间的换行和空格被解析: 注:关于嵌套问题,块属性标签里可以嵌套行内属性标签,而行内属性标签却并不能随意嵌套块属性标签. 三,关于inline-block 1,让行内属性标签支持宽高:2,让块属性标签在一行显示:3,换行被解析:4,内容撑

link标签的rel等属性属性的作用简单介绍

link标签的rel等属性属性的作用简单介绍:大家知道通过<link>标签可以引入外部样式表,例如: <link rel="stylesheet" type="text/css" href="style.css" /> 属性解析:1.href:规定引入文件的路径.2.type:规定被链接文件的格式类型.3.rel:用来规定当前文档与被连接文档的关系.如果rel的值是stylesheet,也就是说引入的文件可以作为当前文件的

图片img标签alt与title属性评测实验

图片img标签alt与title属性评测实验 SEO优化是慢工也是细活.细节做的好,如鱼得水,做的不好,举步维艰.做SEO优化的都知道,搜索引擎对图片理解是通过alt属性,所以在图片alt属性中用包含关键字的简要文字说明,也是页面优化的一部分.如果想要做的更好,可以在title属性里,进一步对图片说明,相关知识点SEO优化在<图片优化方法|百度图片优化>文章里有详细说明.今天SEO优化就和大家分享图片img标签alt与title属性评测实验. 图片img标签alt与title属性评测实验代码

五月六日 HTML标签 超链接、图片属性和列表

今天的内容主要是HTML标签的超链接 图片属性 列表的用法 一.超链接,锚点和下载. (1)超链接 <a href="URL" targe="_blank">网站名</a> 可以直接点击中间的文字打开网址,target是点击超链接打开的网页的属性,_self是直接在当前页面打开, _blank是在新的空白标签页中打开. (2)锚点 <a name="锚点">   定义 一个锚点 <a href="

Html标签&lt;a&gt;的target属性

target属性规定了在何处打开超链接的文档. 如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的.名称与这个目标吻合的框架或者窗口中的文档.如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口.从此以后,超链接文档就可以指向这个新的窗 口. <html><body> <h3>Table of Contents</h3&

如何判断img标签是否有src属性

前几天,写一个小项目,需要判断img标签是否有src属性,想了半天,只能想到用jq实现,如下: if($(".img").attr("src")==undefinde) { //逻辑代码 }else { //逻辑代码 } 但是项目中没有使用jq,突然就忘了怎么写了,后来看了看文档才想起来: var src = document.getElementById("img").src; if(src==undefinde) { //逻辑代码 }else

Meta标签中的apple-mobile-web-app属性及含义

一.Meta标签中的apple-mobile-web-app-capable属性及含义 这meta的作用就是删除默认的苹果工具栏和菜单栏. content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示. 二.Meta标签中的apple-mobile-web-app-status-bar-style属性及含义 “apple-mobile-web-app-status-bar-style”作用是控制状态栏显示样式 (默认样) 具体效果如下: st

iframe标签用法详解(属性、透明、自适应高度)(总结)

<iframe src="http://www.jb51.net" width="200" height="500"> 脚本之家使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问脚本之家. </iframe> 在transparentBody.htm文件的<body>标签中,我已经加入了style="background-color=transparent" 通过以下四种

关于meta标签中的http-equiv属性使用介绍

meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. 1.name属性 name属性主