资讯专栏INFORMATION COLUMN

行内元素和块级元素

wushuiyong / 2893人阅读

摘要:行内元素和块级元素讲讲行内元素和块级元素在中标签元素大都是块级元素或行内元素。

行内元素和块级元素

讲讲行内元素和块级元素
在HTML中标签元素大都是“块级”元素或行内元素。

块级元素 HTML
我是div
CSS
    .wrap{
        width: 200px;
        height: 200px;
        background-color: #eee;
        position: relative;
        
    }
    .fluid{
        width: auto;
        height: auto;
        padding: 10px;
        background-color: #ef4321;
        position: absolute;
        left: 10px;
        right: 10px;
        
    }
块级元素的特征

块级元素内嵌块级元素和行内元素

默认情况下,块级元素会新起一行

默认情况下,块级元素占满父级元素的width

块级元素的width、height、padding、margin、line-height正常设置(可以达到想要的结果)

行内元素特征

行内元素只能包含数据和其它行内元素

默认情况下,行内元素不会以新行开始

默认情况下行内元素width默认为元素内容的宽度

不能设置width、height、padding-top、padding-bottom、margin-top、margin-bttom、line-height(就算设置了也达不到想要的效果)

行内元素

列举几个常见的行内元素

b,i,small,tt

abbr,code,em,

a,br,img,q,span,sub,sup

button,input,label,select,textarea

参阅:行内元素

块级元素

列举几个常见的块级元素

文档分区

表单

联系方式信息

文章内容

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117566.html

相关文章

  • 前端面试题-行内元素块级元素

    摘要:二块级元素块级元素占据其父元素容器的整个空间,因此创建了一个块。而块级元素可以包含行内元素和其他块级元素。格式默认情况下,行内元素不会以新行开始,而块级元素会新起一行。 一、行内元素 一个行内元素只占据它对应标签的边框所包含的空间。 二、块级元素 块级元素占据其父元素(容器)的整个空间,因此创建了一个块。通常浏览器会在块级元素前后另起一个新行。 三、行内元素示例 HTML showIm...

    int64 评论0 收藏0
  • 前端面试题-行内元素块级元素

    摘要:二块级元素块级元素占据其父元素容器的整个空间,因此创建了一个块。而块级元素可以包含行内元素和其他块级元素。格式默认情况下,行内元素不会以新行开始,而块级元素会新起一行。 一、行内元素 一个行内元素只占据它对应标签的边框所包含的空间。 二、块级元素 块级元素占据其父元素(容器)的整个空间,因此创建了一个块。通常浏览器会在块级元素前后另起一个新行。 三、行内元素示例 HTML showIm...

    cucumber 评论0 收藏0
  • 行内元素块级元素

    摘要:行内元素和块级元素讲讲行内元素和块级元素在中标签元素大都是块级元素或行内元素。 行内元素和块级元素 讲讲行内元素和块级元素在HTML中标签元素大都是块级元素或行内元素。 块级元素 HTML 我是div CSS .wrap{ width: 200px; ...

    GitCafe 评论0 收藏0
  • 探究行内元素块级元素

    摘要:此元素将显示为块级元素,此元素前后会带有换行符。新增的值此元素会作为列表显示。块级元素和行内元素的分类中的块级元素标签描述定义地址。定义围绕表单中元素的边框。定义预定义范围内的度量。定义针对不支持框架的用户的替代内容。定义表格中的单元。 标签(空格分隔): CSS 在html中元素主要分为行内元素和块级元素 行内元素 [x] 不独占一行 [x] 书写完成后不会自动换行 [x] 没...

    arashicage 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<