您的位置:主页 > dede建站仿站 >

HTML中行内元素与块级元素

2015-09-14作者:伟伟来源:未知次阅读

    块级元素:会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子。
    
    行内元素:则没有自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。
    
    块级元素具有以下特点:
    
    ①总是在新行上开始,占据一整行;
    
    ②高度,行高以及外边距和内边距都可控制;
    
    ③宽带始终是与浏览器宽度一样,与内容无关;
    
    ④它可以容纳内联元素和其他块元素。
    
    行内元素的特点:
    
    ①和其他元素都在一行上;
    
    ②高,行高及外边距和内边距部分可改变;
    
    ③宽度只与内容有关;
    
    ④行内元素只能容纳文本或者其他行内元素。
    
    3.行内元素与块级元素属性的不同,主要是盒模型属性上
    
    行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效
    
    行内元素与块级元素的相互转换
    
    行内转块:display:block;
    
    块转行内:display:inline;
    
    如何让块元素在一行上呢?
    
    1.用float来进正行浮动,前提要两个块元素要设置宽带,并且两个块元素相加宽度不能大于整行的宽度。
    
    2.也可能用定位(position)来实现,两个块元素也要设置宽带,并且两个块元素相加宽度不能大于整行的宽度。
    
    img属于行内还是块元素呢?
    
    其实img属于行内块元素,它继有行内元素的属性,也是块元素的属性。
    
    下面我们两来看看行内元素和块元素都有哪些!
    HTML中行内元素与块级元素

凡本站注明“本站”或“投稿”的所有文章,版权均属于伟伟SEO或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。本站已授权使用的作品,应在授权范围内使用,并注明“来源:伟伟SEO”并附上链接。违反上述声明者,本站将追究其相关法律责任。

编辑:深圳网站优化公司 关键词:

网友评论

博主推荐

图文聚集

热门排行

最新文章

  • 官方微信