内联元素特点

最新推荐文章于 2021-06-04 22:36:00 发布

小白的问问

最新推荐文章于 2021-06-04 22:36:00 发布

阅读量464

点赞数

分类专栏：前端 html 学习文章标签： html css

本文链接：https://blog.csdn.net/a695005548/article/details/115487003

版权

前端同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

html 学习

6 篇文章 0 订阅

订阅专栏

内联元素（非置换元素）特点

以下描述都只针对于非置换内联元素。

设置宽高无效

  内联元素设置宽高无效，默认宽高为自己本身内容大小。

只支持水平外边距，不支持垂直外边距，

	可以设置水平外边距，而设置 margin-top 、margin-bottom 无效。

内边距

	内联元素支持水平方向内边距，垂直方向设置padding-top 无效。padding-bottom对自身有效，但是不影响其他元素布局。

边框

	内联元素支持水平方向边框设置，垂直方向设置上边框无效，下边框有效，但是不影响其他元素布局

在这里插入图片描述
垂直方向无论设置边框、内边距都不会影响其他元素布局，如上图，div元素并没有因为span元素而下移。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小白的问问

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

面试—块级、行内、内联元素的特点，常见的元素的特点属性（href、src的区别，alt和title的区别）

cosmos033的博客

08-07

720

块级元素：每个元素独占一行；支持所有的样式；不设置宽度时宽度等于父元素宽度；换行符不会解析；常用的块状元素有：<div>,<p>,<h1>~<h6>,<ol>,<ul>,<dl>,<form>,<table>,&amp

元素分类—块状元素、内联元素、内联块状元素

qq_41261490的博客

07-16

1157

在CSS中，html中的标签大体分为三种不同的类型：块状元素、内联元素（又叫行内元素）、内联块状元素常用的块状元素有：（block） <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、&amp

参与评论您还未登录，请先登录后发表或查看评论

内联元素的特点

weixin_42545558的博客

03-29

532

display样式值：block 用途：一般用于构建大布局

css中内联元素（行内元素）的特点及常见的内联元素

weixin_44580880的博客

03-10

6789

1.什么是内联元素？ 内联元素有很多种叫法，如内联元素、内嵌元素、行内元素、直进式元素等，和块级元素对应。内联元素和它的兄弟元素之间一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。 2.内联元素的特点（1）和其他兄弟元素同在一行，不用另起一行（2）宽高以及到顶部和底部的边距都不可以设置（3）宽度受内容挤压，即它的宽度就是它内容的宽度（4）只能容纳内联元素和文本...

块元素、内联元素、内联块特性

qq_15980201的博客

11-17

267

块元素的特性 block 1、默认独占一行 2、撑满父级容器宽度 3、支持所有css命令 内联元素的特性 inline 1、一行可以放置多个同类型(内联元素)标签 2、内容撑开宽度 3、不支持宽高 4、不支持上下的margin 5、代码换行被解析

内联元素和块元素的一些特点

weixin_30657999的博客

06-13

260

内联元素的4个特点： 1、内联元素与同类型元素默认是同一行显示的。 2、内联元素是内容撑开宽度，不支持宽高； 3、内联元素不支持上下的margin和padding; 4、内联元素代码之间的换行会被解析。块元素的3个特点： 1、块元素默认是占用一行； 2、当块元素没有宽度的时候会跟随父级的宽度保持一直，如果父级也没有宽度将占满一行； 3、支持所有的css命令。转载于:ht...

html内联元素和块级元素的基本概念及使用示例

09-28

内联元素通常用于在一行内展示内容，如链接（`<a>`）、文字强调（``）或图片（`<img>`）。它们的<em>特点是： 1. 不会在内容前后自动添加换行，与其他内联元素可以出现在同一行。 2. 不能设置宽度（width）和高度...

定义内联元素span的最小高度问题

09-28

`span`标签是一个典型的内联元素，它的主要特点是沿水平方向排列内容，不占据独立的块级空间，因此，直接给`span`设置`width`和`height`通常不会像预期那样改变其尺寸。这是因为内联元素默认不会形成一个盒模型，...

浅谈CSS块级元素与行内元素(内联元素)的区别和联系

09-24

块级元素，如`div`和`p`，通常用作其他元素的容器，可以包含其他块级或内联元素。它们在默认情况下会占据整个宽度，新行开始，可以设置高度、行高和边距。常见的块级元素包括`div`, `h1-h6`标题, `form`, `hr`, `p`,...

三大元素块级元素、内联元素以及块级内联元素

qq_40571091的博客

09-16

421

内容大纲三大元素块级元素、内联元素以及块级内联元素的具体作用，和其中的一些标签的用处、语法和属性，通过style可以改变大部分标签的属性，学会通过img在网页中插入图片并能更改大小，利用input标签中的type属性来改变输入框的种类，实现较为简单的表单设计，还能使用span标签将一些特殊字符输入并能在网页中展现出来。有序、无序、自定义列表的不同点和具体使用方法，显示出来的样式不同...

内联元素及其特性 &块元素

weixin_34061555的博客

11-22

一般的块级元素诸如段落<p>、标题<h1><h2>...、列表。<ul><ol><li> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img...

html内联元素和块元素的特性,HTML中块级元素和内联元素的特性详解

weixin_42128676的博客

06-04

344

原标题：HTML中块级元素和内联元素的特性详解在网站布局中经常会遇到元素进行居中的时候，设置了text-align:center；margin:0 auto;有时候会起作用，但有时候对居中无效，刚接触前端布局的小伙伴应该会常遇到这种问题，出现这种问题就是该元素为块级元素和内联元素引起的。下面就来讲解下html中块级元素和内联元素的差异。两者的特性：块级元素总是一行独占，其后的元素也会另起一行显示，...

内联元素和块状元素的特点及区别

莺时的博客

05-19

1910

html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 内联元素 在html中，<span>、、<a>、<p>等标签是典型的<em>内联元素。当然块状元素也可以通过设置display：inline；显示为内联元素，从而使块级元素具有内联元素的特点。 div{ display:inline; } ... &...

内敛元素与块级元素

lyb957919360的专栏

01-14

206

1、block（块）元素的特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度； ④它可以容纳内联元素和其他块元素； 2、内敛元素inline元素的特点： ①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或图片的宽

HTML+CSS基础课程之元素分类

夏爽予的博客

08-26

414

元素分类--块级元素什么是块级元素？在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高

HTML的块状元素，内联元素的特征

上帝掉眼泪

03-24

2586

自己的一些总结，有些是imooc上的块状元素什么是块级元素？在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）

HTML的块状、内联、内联块状元素的特点

aniaocool的博客

03-11

5799

HTML的块状、内联、内联块状元素的特点的说明和一些举例

内联元素和块状元素的特点与区别

zuo_er_lyf的博客

02-15

1614

1.块级元素：在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。块级元素特点：　　　　　（1）、每个块级元素都从新的一行开始，并且其后的元素也另起一行；（一个块级元素独占一行，...

块元素和内联元素的特点

小小的博客

08-25

763

块元素和内联元素 div就是一个块元素，所谓的块元素就是会独占一行的的元素,无论他的内容有多少(就是与宽度无关),他都会独占一整行。 p h1 h2 h3 ... 都是块元素 div这个标签没有任何语义，就是一个纯粹的块元素， ...

理解CSS布局：块状元素与内联元素

`，它结合了两者的特点，既能保持内联元素的并排显示，又能设置宽度和高度。理解块状元素和内联元素的本质差异，能帮助我们更有效地控制网页的布局和视觉效果。在编写CSS时，合理地使用这两类元素，可以创造出符合...