精华内容
下载资源
问答
  • 块元素行内元素、行内块元素
    万次阅读 多人点赞
    2018-06-01 10:36:08

    一、块元素 block element

    块元素的特性

    1. 独霸一行,总是在新行上开始
    2. 宽度缺省是它父级元素的100%,除非设定一个宽度
    3. 高度、行高、外边距、内边距都可以设置
    4. 可以容纳其他内联元素或者其他块元素

    常见的块元素

    • address – 地址
    • blockquote – 块引用
    • center – 举中对齐块
    • dir – 目录列表
    • div – 常用块级容易,也是CSS layout的主要标签
    • dl – 定义列表
    • fieldset – form控制组
    • form – 交互表单
    • h1 – 大标题
    • h2 – 副标题
    • h3 – 3级标题
    • h4 – 4级标题
    • h5 – 5级标题
    • h6 – 6级标题
    • hr – 水平分隔线
    • isindex – input prompt
    • menu – 菜单列表
    • noframes – frames可选内容,(对于不支持frame的浏览器显示此区块内容
    • noscript – 可选脚本内容(对于不支持script的浏览器显示此内容)
    • ol – 有序表单
    • p – 段落
    • pre – 格式化文本
    • table – 表格
    • ul – 无序列表

    二、行内元素 inline element

    行内元素的特性

    1. 和其他元素都在一行上,遇到父级元素边界会自动换行
    2. 高、行高以及内外边距都不可以改变
    3. 宽度与内容一样宽,且不可改变
    4. 行内元素只能容纳文本或者其他行内元素
      对于行内元素,需要注意的是:设置宽度width无效,设置高度无效,可以通过设置line-height来设置,设置margin只有左右有效,上下无效,设置padding只有左右有效,上下无效

    常见的行内元素

    • a – 锚点
    • abbr – 缩写
    • acronym – 首字
    • b – 粗体(不推荐)
    • bdo – bidi override
    • big – 大字体
    • br – 换行
    • cite – 引用
    • code – 计算机代码(在引用源码的时候需要)
    • dfn – 定义字段
    • em – 强调
    • font – 字体设定(不推荐)
    • i – 斜体
    • img – 图片
    • input – 输入框
    • kbd – 定义键盘文本
    • label – 表格标签
    • q – 短引用
    • s – 中划线(不推荐)
    • samp – 定义范例计算机代码
    • select – 项目选择
    • small – 小字体文本
    • span – 常用内联容器,定义文本内区块
    • strike – 中划线
    • strong – 粗体强调
    • sub – 下标
    • sup – 上标
    • textarea – 多行文本输入框
    • tt – 电传文本
    • u – 下划线

    行内元素的间距问题

    两个行内元素在一起,会出现一定的间距,即使将border、padding、margin都设置为零也无济于事,那么怎么才能去除这些间距呢?

    1.重设字体

    将行内元素的直接父级设置font-size=0px;再给行内元素设置字体大小就可以解决。

    2.借助HTML注释

    在两个行内元素之间加入HTML注释,告诉浏览器这中间不是换行也不是空格,而是连接在一起的,这样也可以解决。

    三、行内块元素

    行内块元素的特性

    1. 元素排列在一行
    2. 宽度默认由内容决定
    3. 元素间默认有间距
    4. 支持宽高、外边距、内边距的所有样式的设置
    更多相关内容
  • 在css盒子模型中,我们提到了html元素中的块元素(block element)内联元素(inline element)。那么它们究竟是什么呢? 其实,这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...
  •  行内块状元素综合了行内元素和块状元素的特性,但是各有取舍。因此行内块状元素在日常的使用中,由于其特性,使用的次数也比较多。  行内块状元素特征:(1)不自动换行  (2)能够识别宽高  (3)默认排列...

    HTML可以将元素分类方式分为内联(行内)元素、块级(块状)元素和行内块元素三种。

    注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如<wode>自定义的元素</wode>等),自定义元素浏览器默认解析为内联元素,为防止不同浏览器解析不同的问题,建议通过css的display属性来规定自定义元素的属性。相信使用过UI框架的朋友,会看到一些html手册以外的一些元素,其实这些都是一些自定义的元素。

    首先需要说明的是,这三者是可以互相转换的,使用css的display属性能够将三者任意转换:

    CSS display 属性

    属性值

    描述
    none此元素不会被显示。
    block此元素将显示为块级元素,此元素前后会带有换行符。
    inline默认。此元素会被显示为内联元素,元素前后没有换行符。
    inline-block行内块元素。(CSS2.1 新增的值)
    list-item此元素会作为列表显示。
    run-in此元素会根据上下文作为块级元素或内联元素显示。
    compactCSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
    markerCSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
    table此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
    inline-table此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。
    table-row-group此元素会作为一个或多个行的分组来显示(类似 <tbody>)。
    table-header-group此元素会作为一个或多个行的分组来显示(类似 <thead>)。
    table-footer-group此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。
    table-row此元素会作为一个表格行显示(类似 <tr>)。
    table-column-group此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。
    table-column此元素会作为一个单元格列显示(类似 <col>)
    table-cell此元素会作为一个表格单元格显示(类似 <td> 和 <th>)
    table-caption此元素会作为一个表格标题显示(类似 <caption>)
    inherit规定应该从父元素继承 display 属性的值。

    例:

    <html>
    <head>
    <style type="text/css">
    p {
      display: inline
    }
    div {
      display: none
    }
    </style>
    </head>
    
    <body>
    <p>本例中的样式表把段落元素设置为内联元素。</p>
    
    <p>而 div 元素不会显示出来!</p>
    
    <div>div 元素的内容不会显示出来!</div>
    </body>
    </html>

    显示结果:722a98a37c5df17d443183ed5a8387aeaae.jpg

    1.内联(行内)元素

      行内元素最常使用的就是span,其他的只在特定功能下使用,修饰字体<b>和<i>标签,还有<sub>和<sup>这两个标签可以直接做出平方的效果,而不需要类似移动属性的帮助,很实用。

      行内元素特征:(1)设置宽高无效

             (2)对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间

             (3)不会自动进行换行

    2.块级(块状)元素

      块状元素代表性的就是div,其他如p、nav、aside、header、footer、section、article、ul-li、address等等,都可以用div来实现。不过为了可以方便程序员解读代码,一般都会使用特定的语义化标签,使得代码可读性强,且便于查错。

      块状元素特征:(1)能够识别宽高

             (2)margin和padding的上下左右均对其有效

             (3)可以自动换行

             (4)多个块状元素标签写在一起,默认排列方式为从上至下

    3.行内块元素

      行内块状元素综合了行内元素和块状元素的特性,但是各有取舍。因此行内块状元素在日常的使用中,由于其特性,使用的次数也比较多。

      行内块状元素特征:(1)不自动换行

               (2)能够识别宽高

               (3)默认排列方式为从左到右

     

    4.同一类型的元素,到底该用哪个。

    其实同一类型的元素,属性是一样的,显示出的效果也一样,用哪个都可以。可是为了代码的可读性,规范化,建议特定的场景用特定的元素。

    比如:盒子容器用div,文字段落用p,反过来效果一样,但不符合规范。

     

     

    块级元素和行内元素的分类

    html中的块级元素:

    标签描述
    <address>定义地址。
    <article>定义文章。
    <aside>定义页面内容之外的内容。
    <audio>定义声音内容。
    <blockquote>定义长的引用。
    <canvas>定义图形。
    <caption>定义表格标题。
    <dd>定义定义列表中项目的描述。
    <div>定义文档中的节。
    <dl>定义定义列表。
    <dt>定义定义列表中的项目。
    <details>定义元素的细节。
    <fieldset>定义围绕表单中元素的边框。
    <figcaption>定义 figure 元素的标题。
    <figure>定义媒介内容的分组,以及它们的标题。
    <footer>定义 section 或 page 的页脚。
    <form>定义供用户输入的 HTML 表单。
    <h1> to <h6>定义 HTML 标题。
    <header>定义 section 或 page 的页眉。
    <hr>定义水平线。
    <legend>定义 fieldset 元素的标题。
    <li>定义列表的项目。
    <menu>定义命令的列表或菜单。
    <meter>定义预定义范围内的度量。
    <nav>定义导航链接。
    <noframes>定义针对不支持框架的用户的替代内容。
    <noscript>定义针对不支持客户端脚本的用户的替代内容。
    <ol>定义有序列表。
    <output>定义输出的一些类型。
    <p>定义段落。
    <pre>定义预格式文本。
    <section>定义 section。
    <table>定义表格。
    <tbody>定义表格中的主体内容。
    <td>定义表格中的单元。
    <tfoot>定义表格中的表注内容(脚注)。
    <th>定义表格中的表头单元格。
    <thead>定义表格中的表头内容。
    <time>定义日期/时间。
    <tr>定义表格中的行。
    <ul>定义无序列表。

    html中的行内元素:

    标签描述
    <a>定义锚。
    <abbr>定义缩写。
    <acronym>定义只取首字母的缩写。
    <b>定义粗体字
    <bdo>定义文字方向。
    <big>定义大号文本。
    <br>定义简单的折行。
    <button>定义按钮 (push button)。
    <cite>定义引用(citation)。
    <code>定义计算机代码文本。
    <command>定义命令按钮。
    <dfn>定义定义项目。
    <del>定义被删除文本。
    <em>定义强调文本。
    <embed>定义外部交互内容或插件。
    <i>定义斜体字。
    <img>定义图像。
    <input>定义输入控件。
    <kbd>定义键盘文本。
    <label>定义 input 元素的标注。
    <map>定义图像映射。
    <mark>定义有记号的文本。
    <objec>定义内嵌对象。
    <progress>定义任何类型的任务的进度。
    <q>定义短的引用。
    <samp>定义计算机代码样本。
    <select>定义选择列表(下拉列表)。
    <small>定义小号文本。
    <span>定义文档中的节。
    <strong>定义强调文本。
    <sub>定义下标文本。
    <sup>定义上标文本。
    <textarea>定义多行的文本输入控件。
    <time>定义日期/时间。
    <tt>定义打字机文本。
    <var>定义文本的变量部分。
    <video>定义视频。
    <wbr>定义可能的换行符。

    注:当你不知道某一元素为什么属性时,可通过F12调用浏览器调试器查看

    图例:

    c4794deb602289fed5c1f4582324d12e349.jpg

    转载于:https://my.oschina.net/OneNb/blog/2986880

    展开全文
  • 行内和块元素

    2018-04-18 12:21:33
    HTML中的各种元素进行分类,初学者不至于弄混行内元素和块元素
  • 一、背景初学html,接触很多标签、、、、等,当写出简单的小页面的时候,例如仅仅是一篇带有标题的文章,标题标签...HTML标签一般分为标签和行内标签两种类型,也可以称为块元素和行内元素。上面举例中的标签就...

    一、背景

    初学html,接触很多标签

    、、

    等,当写出简单的小页面的时候,例如仅仅是一篇带有标题的文章,标题

    标签单独一行,不管后面有多大的空间;

    标签中使用多个给某些词做强调,但是却和

    中的其他内容同一行,由此,会思考为什么

    会有这种的不同?

    e7dfadc46d39a28a68ce6f65fc12ef10.png

    二、标签的类型(显示模式)

    想要知道为何不同,得先了解HTML标签的类型。

    HTML标签一般分为块标签和行内标签两种类型,也可以称为块元素和行内元素。

    上面举例中的

    标签就是典型的块元素,标签就是一个行内元素。块元素和行内元素的具体特点如下:

    三、块级元素(block-level)

    块元素会独自占据一整行,或者多行,可以任意设置其大小尺寸,是用于搭建网页布局的必须部分,使网页结构更加紧凑合理。

    块级元素有以下几个特点:

    总是另起一行(特立独行)

    可以设置其宽度、高度,内外边距

    在不手动设置宽度的情况下,宽度默认为所在容器的100%(即容器宽度)

    可以容纳行内元素和其他块元素。

    常见的块级元素有:

    /

    ~

    /

    /

    / 等,其中
    是最常用最典型的块级元素。

    特殊:文字类的块级元素不能放块元素,例如

    /

    ~

    /

    /*块元素div*/

    div{

    width: 200px;       /*宽高、外边距、内边距 都有效*/

    height: 30px;

    border:1px solid blue;

    margin:20px;

    /*    padding:10px;*/   /*此处内边距会引起div宽高的变化,为了比较更直观就注释了*/

    line-height: 30px;

    }

    使用以上样式给下面块元素div设置

    我是块元素2
    我是块元素2

    效果图见文末。

    四、行内元素(inline-level)

    行内元素也称为内联元素,行内元素不占有独立区域,其大小仅仅被动的依赖于自身内容的大小(例如文字和图片),所以一般不能随意设置其宽高、对齐等属性。常用于控制页面中文本的样式。

    行内元素的特点:

    总是和相邻的行内元素在同一行上(物以类聚)

    设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效。

    默认宽度是他自身内容的宽度。

    行内元素只能容纳其他行内元素或者文本。

    特殊:a比较特殊,可以放块级元素,但是链接里面不能再放链接。

    /*行内元素span*/

    span{

    width:200px;        /*宽度设置无效*/

    height: 100px;      /*高度也无效*/

    border:1px solid red;

    }

    下面是Html样式

    行内元素1

    行内元素2

    行内元素3

    我是行内元素行内元素行内元素4

    效果图见文末

    五、行内块元素(inline-block)

    普遍的规则里总有那么几个不一样的,在行内元素中就有那么几个特殊标签,比如//

    ,可以给他们设置宽高、对齐属性,我们把这样特殊的一类标签称为行内块元素。行内块元素综合了块元素和行内元素的不同特点。

    行内块元素的特点:

    和相邻行内元素在同一行,但是之间会有空白缝隙。

    默认宽度是他本身内容的宽度。

    宽度、高度、行高、外边距以及内边距都可以手动设置。

    样式:

    /*行内块元素input*/

    input{

    width: 200px;      /*宽高均有效*/

    height: 30px;

    }

    结构:

    综合效果图如下:

    ddab7ff181c60b252a6a7d3f137e29ca.png

    六、标签显示模式转换(display)

    既然标签有不同的显示模式,就会有相应的转换办法以应对各种需要。

    display正是我们想要的。

    块元素——>行内元素 : display:inline;

    行内元素——>块: display:block;

    块、行内元素——>行内块: display: inline-block;

    总结

    总结完他们之间的特点更加清晰,记得更牢,首先在以后遇到当给一个元素设置的宽高无效的时候这就是一个原因,使用display即可解决。

    展开全文
  • 介绍了HTML中的行内元素,块元素,行内块元素的区别,以及如何进行相互转换。


    前言

    行内元素,行内块元素是html中的一个基本概念,想要进行良好的页面布局,就需要理解什么是行内元素,块元素,并理解他们如何进行转换


    一、了解各个元素的概念

    1.概念:

    可以将web页面中的一行,认为是一块领地,每个标签是一个首领
    
    行内元素:
    	就是在web页面布局时可以与其他元素一块共享一行的元素
    块元素:
    	就是每一个元素,占有一行,即使自己的内容不够多也不让其他元素侵犯自己的底盘
    行内块元素:
    	块元素经过一系列转换,终于被征服,所以就变成了行内块元素,与行内元素没有了本质的区别
    

    2.举个例子:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            * {
                /* 这里是将每个元素外间隔为3像素,背景颜色变色方便我们观察 */
                margin: 3px;
            }
            span,p{
                background-color: aquamarine;
            }
        </style>
    </head>
    <body>
        <span>Hello,我是行内元素</span>
        <span>Hello,我是行内元素</span>
        <p>
            我是p标签,我是块元素
        </p>
        <p>
            我是p标签,我是块元素
        </p>
    </body>
    </html>
    

    3.样式展示

    	如图所示,占据一行的就是块元素,一行有两块的就是行内元素
    

    在这里插入图片描述

    二、如何将块元素变为行内块元素?

    1.修改css中的dispaly属性

    	相对于刚才,给p标签加入了一个display: inline-block;
    	就是他占据一行变为了,占据一部分。
    

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            * {
                /* 这里是将每个元素外间隔为3像素,背景颜色变色方便我们观察 */
                margin: 3px;
            }
            span,p{
                background-color: aquamarine;
            }
            p {
                display: inline-block;
            }
        </style>
    </head>
    <body>
        <span>Hello,我是行内元素</span>
        <span>Hello,我是行内元素</span>
        <p>
            我是p标签,我是块元素
        </p>
        <p>
            我是p标签,我是块元素
        </p>
    </body>
    </html>
    

    图示:
    在这里插入图片描述

    2.在进行样式选择的时候加入浮动

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            * {
                /* 这里是将每个元素外间隔为3像素,背景颜色变色方便我们观察 */
                margin: 3px;
            }
            span,p{
                background-color: aquamarine;
            }
    
            p {
               float: left;
            }
        </style>
    </head>
    <body>
        <span>Hello,我是行内元素</span>
        <span>Hello,我是行内元素</span>
        <p>
            我是p标签,我是块元素
        </p>
        <p>
            我是p标签,我是块元素
        </p>
    </body>
    </html>
    

    图示:
    在这里插入图片描述

    三、将行内元素变为块元素?

    1.代码示例

    	使用的还是display这个属性
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            * {
                /* 这里是将每个元素外间隔为3像素,背景颜色变色方便我们观察 */
                margin: 3px;
            }
            span,p{
                background-color: aquamarine;
            }
            span{
                display: block;
            }
        </style>
    </head>
    <body>
        <span>Hello,我是行内元素</span>
        <span>Hello,我是行内元素</span>
        <p>
            我是p标签,我是块元素
        </p>
        <p>
            我是p标签,我是块元素
        </p>
    </body>
    </html>
    

    2.效果展示

    在这里插入图片描述


    总结

    清楚块元素、行内元素、行内块元素的概念,可以是我们更规范的布局,css样式表将块元素修改为行内块元素属于css知识,后续会在css专栏细说,大家在这里知道这三种元素的区别就好。

    展开全文
  • **html中有三种标签元素类型,分别是块元素行内元素和行内块元素。 ** 1.行内元素: 不会自动换行,多个行内元素可在同一行,不能设置宽(width)高(height)属性,多个行内标签默认从左至右排列。最典型行内标签...
  • 行内元素:span ,a, ,strong , em, del, ins。...注释:嵌套(包含)下,子块元素宽度(没有定义情况下)块元素宽度默认一致。行内块元素(内联元素):input img。特点:在一行上显示,也可设置其宽高。div {wid...
  • 行内元素 a , span , b , img , input , select , ... 行内元素内部只能容纳行内元素(特殊的类似于行内块元素a标签除外) 水平方向的paddingmargin属性可以设置,但是垂直方向上的设置后无效。 ...
  • 1.HTML中的块元素行内元素的说明 根据CSS规范的规定,网页的每一个元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div、form、h1-h6、ol、ul、p、menu等块元素,它的...
  • 常见元素类型有:块级元素、行内元素、行内块元素 。(这里所说的元素,就是指标签) 一.块级元素: 块级元素独占一行,不其他元素并排;可以设置宽高和上下外边距;不设置宽度时默认宽度 100%;可以容纳其他...
  • 块级元素可以包含行内元素和其它块级元素,且占据父元素的整个空间,可以设置 width 和 height 属性,浏览器通常会在块级元素前后另起一个新行。 常见块级元素: header,form,ul,ol,table,article,div,hr,aside,...
  • 块级元素和行内元素,行内块元素

    千次阅读 多人点赞 2020-02-01 21:03:56
    在学习 CSS 的时候发现,发现有些...又称为内联元素,行内元素的大小是靠本身内容的大小,宽高都设置无效。 常见的特点如下: 与其他行内元素并排 设置宽高无效 默认的宽度就是文本内容的宽度 水平方向的 paddin...
  • HTML常见的块元素行内元素总结

    千次阅读 2019-05-27 14:13:19
    HTML常见的块级元素、行内元素 1、常见块级元素 div ,p ,ul , li ,h1-h6… 块级元素特点:(1)所有的块级元素都会独占一行; (2)块级元素可以直接设置其宽度高度; (3)如果一个块级元素没有设置宽度,那么其默认的...
  • HTML元素分类:行内元素,块级元素,行内块元素;及其各自的特点
  • 一、块元素转行内元素:display:inline二、行内元素块元素:display:blockdiv{display: inline;/*无效width: 500px;height: 500px;*/background-color: red;}p{display: inline-block;}span{display: block;width:...
  • 这里将告诉您块元素,行内块元素,行内元素(水平垂直居中),具体操作方法:1.块级元素水平垂直居中方法11 2 position: absolute/fixed;3 left:0;4 top:0;5 right: 0;6 bottom: 0;7 margin:auto;方法2:1 2 position: ...
  • CSS设置块元素和行内元素

    千次阅读 2021-04-30 00:10:41
    CSS-设置块元素和行内元素 什么是行元素什么是块元素 一:块元素 块元素单独占据一行,并且排斥和其他元素在同一行,在浏览器中,块元素出现的形状是矩形,并且盛放其他元素。 块元素 : 列表 表格 div h1 p … 这些...
  • 块元素 行内块元素 行内元素的特点。 一、块元素 block 自已独占一行。 宽度,高度,外边距,内边距都可以自己控制。 宽度默认为是父元素的100%。 是一个容器及盒子,里面可以放行内或者块元素。 二、行内元素 ...
  • 会自动换行,可以包含行内元素和其他块级元素,可以设置宽,高,上下左右边距,默认 css 属性 display 的值为 block 块元素(block element) address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列表...
  • HTML将元素分类方式分为行内元素、块元素和行内块元素三种。这三者是可以互相转换的,使用display属性能够将三者任意转换。 (1)display:inline。转换为行内元素; (2)display:block。转换为块状元素; (3)...
  • html/css中的块元素行内元素、行内块元素 ** 块元素(block element)** 在网页中一般通过块元素来对页面进行布局,块级大多为结构性标记,它的特点是: 1.总是从新的一行开始 2.高度、宽度都是可控的,margin...
  • 块元素常见级特点: div 块 p 段落 ul li 有序列表 ol li 无序列表 dl dd dt 自定义列表 ... 可嵌套行内元素和行内块元素(注:p不可包含本身和div和标题标签) 行内元素常见级特点: a 链接 span 块 strong...
  • 块级元素、行内元素和行内块元素都有什么如何转换、有何特点 块级元素 常用的块级元素有:div , p , h1~h6 , ol , ul , dl , form , table , address … 特点: 每个块级元素都独占一行。 元素的宽度、高度、行高及...
  • 行内元素 1. 设置宽高无效 2. 对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间 3. 不会自动进行换行 块级元素 1. 能够识别宽高 2. marginpadding的上下左右均对其有效 3. 可以...
  • html中的行内元素和块级元素有哪些 在html中,元素主要分为行内元素和块级元素; 行内元素指的是书写完成后不会自动换行,并且元素没有宽和高。 行内元素的特点:相邻的行内元素不换行,设置宽高无效,margin设置仅...
  • HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换: (1)display:inline;转换为行内元素 (2)display:block;转换为...
  • HTML 行内元素 与 块级元素

    万次阅读 2016-08-15 23:38:22
    行内元素一般是内容的容器,而块级元素一般是其他容器的容器。...而块级元素可以包含行内元素和其它块级元素,且占据父元素的整个空间,可以设置 width 和 height 属性,浏览器通常会在块级元素前后另起一个新行。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 49,568
精华内容 19,827
关键字:

html块元素和行内元素