美文网首页
【HTML】块级元素与行内元素

【HTML】块级元素与行内元素

作者: 天空若放晴 | 来源:发表于2019-12-30 16:56 被阅读0次

块级元素和行内元素是HTML标签的两大分类。

块级元素的定义

  • 总是在新的一行开始
  • 高度、行高以及外边距和内边距都可以控制
  • 宽度缺省是它容器的100% 除非设定一个宽度
  • 它可以容纳内联元素和其他块级元素

行内元素的定义

  • 和其他元素都在一行上
  • 高度、行高以及外边距和内边距都不可改变
  • 宽度就是文字或图片的宽度 不可改变

注意:

  1. 设置width无效
  2. 设置height无效,可以通过line-height来设置
  3. 设置margin只有左右margin有效,上下无效。
  4. 设置padding只有左右padding有效,上下无效。

块级元素和行内元素的切换

通过\color{red}{display}来进行块级元素和行内元素的切换

描述
none 此元素不会被显示
block 此元素将显示为块级元素,前后会带有换行符
inline 默认,显示为行内元素,前后没有换行符
inline-block 行内块元素(CSS2.1新增)
list-item 作为列表显示
run-in 根据上下文作为block或inline显示
... ... ... ...

相关文章

  • 企业级规范

    html标签企业级规范 一、 块级元素与块级元素平级,内嵌元素与内嵌元素平级 二、块元素可以包含行内元素或者某些块...

  • HTML中块级元素和行内元素

    HTML标签CSS盒模型块级元素和行内元素的定义块级元素和行内元素的分类 1、 HTML标签 html标签定义: ...

  • CSS 常见样式

    CSS 常见样式 块级元素和行内元素 块级元素 HTML(超文本标记语言)中元素大多数都是“块级”元素或行内元素。...

  • 前端HTML & CSS 基础入门(9)布局与定位

    块级元素和行内元素 HTML里的元素可以分为块级元素和行内元素两大类: ?块级元素:块级元素典型特点就是它要独占一...

  • CSS常见属性

    HTML元素类型 HTML元素又分为块级(block-level)元素与行内(内联、inline-level)元素...

  • HTML之6个问题

    问题 HTML 中的行内元素有什么特点,有哪些元素是行内元素? HTML 中的块级元素有什么特点,有哪些元素是块级...

  • 块级元素与行内元素

    块级元素与行内元素 常用的块级元素与行内元素有哪些? 块级元素:div , p , form, ul, li , ...

  • 面试题

    HTML行内元素、块状元素、行内块状元素的区别 块级元素:块级大多为结构性标记 行内元素:行内大多为描述性标记 互...

  • CSS常见样式

    HTML元素类型 HTML元素又分为块级元素(block-level)、行内元素(inline-level)。 块...

  • 前端知识点整理

    HTML篇 1. 行内元素有哪些?块级元素有哪些? 行内元素:a span img input select块级元...

网友评论

      本文标题:【HTML】块级元素与行内元素

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