行内元素、块级元素、行内块元素

最新推荐文章于 2022-08-14 10:23:55 发布
最新推荐文章于 2022-08-14 10:23:55 发布
阅读量97 收藏
点赞数
分类专栏： html css 文章标签： css html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44167504/article/details/108482856
版权
html 同时被 2 个专栏收录
8 篇文章 0 订阅
订阅专栏
css
8 篇文章 0 订阅
订阅专栏

行内元素、块级元素、行内块元素

  1. 块级元素display:block:自己独自霸占一整行,默认宽度是100%,可以设置宽高（div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre、
    HTML5：header、section、article、footer等等）

  2. 行内元素display:inline:可以与别人共处一行,不可以设置宽高,其宽高由内容给撑开（span、a、string、i、pre）

  3. 行内块元素display:inline-block:可以设置宽高，可以共处一行（img 、input）

陈醋拌饭
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
行内块级元素.txt
02-06
所有的行内、块级元素分类
行内元素、块元素都有哪些
09-22
将display设为`inline`可以使块级元素变为行内元素，而设为`block`则可使行内元素变为块级元素。此外，还有`inline-block`值，它结合了两者特性，元素像块级元素一样可以设置宽高和margin，但仍然可以与其他元素并列...
块、行内、行内块
亮晶晶的博客
07-18 2974
文章目录一、块元素block二、行内元素inline三、行内块inline-block 一、块元素block 块元素——div、p、h1-h6、ul、ol、li 所有的块级元素独占一行显示 可以设置宽高 二、行内元素inline 行内元素——span、a、font、strong、em、i 所有的行内元素都在一行上显示 不能设置宽高、由内容撑开 三、行内块inline-block 行内块——img、input 可以设置宽高、并且在一行上显示 默认对齐的是基线 ...
行内、行内块、块级
m0_50266714的博客
08-23 214
今天讲课的时候，讲到了html中的标签的显示模式，大致分为块级标签和行内标签。那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用，比如宽、高、水平居中等，其实这个属性的使用只有在块级标签上使用才起作用。个人认为这个也是初学者非常容易忽略的地方，所以我就把它记下来！ 比如会有一种情况，给p标签水平居中有作用，但是给font加水平居中属性就没作用（如下）： 1.p{ color:red; text-align:center;}<br> 2.font{color:red; text-ali
行内，行内块，块级介绍
lihongen6的博客
08-23 966
** 一、块元素block div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre HTML5：header、section、article、footer等等 块级元素的特点 1.块级元素独占一行，当没有设置宽高时，它默认设置为100% 2.块级元素允许设置宽高，width、height、margin、padding、border都可控制 3.块级元素可以包行内元素、块级元素 （二）、行内元
行内、行内块、块级的区别
qq_45032146的博客
08-23 1708
一、块元素block div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre HTML5：header、section、article、footer等等 块级元素的特点 1.块级元素独占一行，当没有设置宽高时，它默认设置为100% 2.块级元素允许设置宽高，width、height、margin、padding、border都可控制 3.块级元素可以包行内元素、块级元素 （二）、行内元素in
display:flex布局，自动适应屏幕高度100%
web前端开发大全
02-28 2万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &l
微信小程序布局之行内元素和块级元素
03-29
元素按照显示方式主要可以分为块级元素和行内元素，元素的显示方式由display属性控制。 块级元素特点总结： 1、总是在新行上开始 2、宽度的默认为width+margin-left+margin-right+padding-left+padding-right刚好...
前端日记01_行内元素和块级元素
01-20
从html的角度看标签分为行级元素/内联元素(inline)、块级元素(block)、行级块元素(inline-block)、其他元素。 行级元素： 设置宽高属性无效 与其他行级元素在一行，不设置高度时，默认高度为文字高度 设置margin:...
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。最常见的就是P和div这两个，说的简单点，块元素就好比一个四方块，可以放其他的四方块，并可以呈现在页面上任何地方。默认情况下块...
行内元素和块级元素
WindrunnerMax
05-04 1323
行内元素和块级元素 HTML可以将元素种类分为行内元素、块级元素和行内块级元素三种，在使用过程中可以通过CSS的display属性相互转换。 行内元素 行内元素对应的CSS样式设置为display: inline;。 特点 元素排在一行 封闭后不会自动换行 不能指定高度与宽度 可以使用line-height来指定高度 外边距对于水平方向有效，垂直方向无效 内边距对于水平方向正常有效，垂直方向只有...
【HTML5-小知识】块元素、行内元素和行内块元素
luckyboy!的博客
08-14 4521
HTML常用标签掌握之后，应当进一步了解元素的三种类型，块元素，行内元素，行内块元素，掌握这三种元素类型的特点。以上就是今天要讲的全部内容，本文仅仅介绍了HTML中标签元素的三种类型，块元素、行内元素、行内块元素的通途和特点。在使用标签对网页布局和对文本惊醒排版很重要。...
行内元素，行内块元素，块元素的区别
小杨的博客
06-19 2593
行内元素，行内块元素，块元素的区别，行内元素，行内块元素，块元素的转换display
彻底搞懂行内元素，块级元素，行内块元素~
头有点凉
01-09 4257
HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。 当然，他们之间也是可以转换的。 display:inline;转换为行内元素 display:block;转换为块状元素 display:inline-block;转换为行内块状元素 那各元素有些什么特征呢？ 行内元素特征： (1)设置宽高无效 (2)对margin仅设置左右方向有效，上下无效；padding设置上下左右...
行内元素和块元素以及行内块元素的特点
weixin_30823001的博客
08-07 614
一、背景 初学html，接触很多标签<h1>、<p>、<span>、<ul>、<em>等，当写出简单的小页面的时候，例如仅仅是一篇带有标题的文章，标题<h1>标签单独一行，不管后面有多大的空间；<p>标签中使用多个<em>给某些词做强调，但是<em>却和<p>中的其他...
块元素、行内元素、行内块元素
热门推荐
FreeSpider
06-01 3万+
一、块元素 block element 块元素的特性 独霸一行，总是在新行上开始 宽度缺省是它父级元素的100%，除非设定一个宽度 高度、行高、外边距、内边距都可以设置 可以容纳其他内联元素或者其他块元素 常见的块元素 address – 地址 blockquote – 块引用 center – 举中对齐块 dir – 目录列表 div – 常用块级容易，也是CSS layo...
行内元素、行内块、块级元素的区别
Cure The World的博客
08-23 1947
什么是行内元素、行内块、块级元素 块级元素 每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。 常见的块级元素有：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 等 行内元素 行内元素（内联元素）：不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。 一般不可以设置宽度，高度以及对齐等属性。 常见的行内元素有：<a >,<strong&
行内元素、行内块、块元素的特点
sword_chiu的博客
05-24 3338
块级元素（代表div） 特点： 宽度默认与父级相同 独占一行 可设置宽高，margin padding 注：p标签、h、dt等文字类标签内最好不要放块级元素 行内元素（代表 span a） 特点 不能设置宽高 一行内显示 默认宽度是内容宽度 padding值只左右下有效，margin值只左右有效 可以看到这里设置span的margin，只左右有效 可以看到这里设置padding，但是只左右下有效 结论：行内元素最好只设置左右padding跟margin 以免造成元素属性混乱 行内元素内最好不放块级
常用的块级元素（block）、行内元素（inline）以及行内块元素（inline-block）的解析
码飞_CC的博客
09-22 3万+
一.块级元素： 不废话，直接上图（div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer等） 从浏览器的显示结果可以看出，块级元素新开启一行（即使是设置了width属性也是独占一行）、尽可能撑满父级元素的宽度，可以设置width和hei...
块级元素、行内元素、行内块元素
最新发布
12-02
行内块元素是介于块级元素和行内元素之间的一种元素类型，它们既可以设置宽度、高度、内边距和外边距等样式属性，又可以和其他行内元素在同一行上显示。常见的行内块元素有<img>、<input>、<td>等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值