美文网首页
块级元素和内联元素

块级元素和内联元素

作者: 哒哒DaDa | 来源:发表于2017-02-16 11:06 被阅读9次

虽然之前过了一遍html,但是好多都模糊了,最近做项目又遇到一些问题,或是自己不清楚的概念之类的,所以打算把项目中遇到的一些问题记录下来,巩固记忆。
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
例子:<h1>, <p>, <ul>, <table>,<div>
内联元素在显示时通常不会以新行开始。
例子:<b>, <td>, <a>, <img>,<span>
所以要让某些内容放在一行,可以

<div>
    <span>内容1</span>
    <a>内容2</a>
</div>

这样就可以把span和a标签的内容放置一行。
如果想把两个内容放置在不同行,直接使用块级元素,

<div></div>
<p></p>

这样div和p标签的内容就各为一行了。

相关文章

  • css 元素分类

    块级元素 内联元素(行内) 内联块级元素 块级元素 等display:block inline 内联原素 内联块级元素

  • CSS布局(inline和block)

    CSS内联元素和块级元素, 内联块级元素 HTML语言标签元素被分为三种类型: 内联元素(行内元素), 块级元素,...

  • 内联元素和块级元素之间的嵌套关系

    首先,我们来回顾一下内联元素和块级元素内联元素可以嵌套内联元素,块级元素可以嵌套部分块级元素并也能嵌套内联元素,但...

  • 你造吗?HTML 不能这么写

    目录 a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素,内联元素不能包含块级元素,只能包含内联元...

  • HTML总结

    块级元素和内联元素 在HTML中有两种你需要知道的重要元素类别,块级元素和内联元素。 块级元素在页面中以块的形式展...

  • HTML学习笔记

    块级元素和内联元素 在HTML中有两种你需要知道的重要元素类别,块级元素和内联元素。 块级元素在页面中以块的形式展...

  • 深入理解块级元素

    简介 1 .内容模型。通常块级元素可能包含内联元素和其他块级元素。通常块级元素创建比内联元素更大的结构2 .默认情...

  • html中内联元素和块级元素的区别

    1.下表列出了内联元素和块级元素的主要区别 html中内联元素和块级元素的区别块级元素 行内元素独占一行,默...

  • HTML常用标签介绍

    html中标签有很多,主要分为三组,分别是块级元素、内联元素、内联块级元素。 块级元素 常见的块级元素有 ~ 、 ...

  • DIV+CSS布局

    一、div和span区别 块元素与内联元素区别 块元素又称块级元素(block element)和其对应的是内联元...

网友评论

      本文标题:块级元素和内联元素

      本文链接:https://www.haomeiwen.com/subject/rlwqwttx.html