码迷,mamicode.com
首页 > 其他好文 > 详细

为何img、input等内联元素可以设置宽、高

时间:2016-07-07 19:15:33      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

为何img、input等内联元素可以设置宽、高

   
1 常见块级元素:div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table
2 常见行内元素:span,   strong,   em,  br,  img ,  input,  label,  select,  textarea,  cite,  
 
行内元素一般不可以设置宽高,但是象img input这些行内元素可以设置宽高,原因是他们属于替换元素(就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。)
 
具体原因如下文:原文地址http://blog.csdn.net/jlds123/article/details/8647448
 
 

元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如

和就不同,而

也不一样。在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一。

 

1. 替换和不可替换元素

从元素本身的特点来讲,可以分为替换和不可替换元素。

a) 替换元素

替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。

例如浏览器会根据技术分享标签的src属性的值来读取图片信息并显示出来,而如果查看(X)HTML代码,则看不到图片的实际内容;又例如根据标签的type属性来决定是显示输入框,还是单选按钮等。

(X)HTML中的技术分享、 

为何img、input等内联元素可以设置宽、高

标签:

原文地址:http://www.cnblogs.com/everest33Tong/p/5651053.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!