html 什么是行内元素,行内元素是什么?

我们都知道在html元素分为行内元素和块级元素。在实际开发中,会经常把他们弄混淆,而且很难记住。那么HTML行内元素是什么?下面本篇文章就来给大家介绍一下行内元素,希望对大家有所帮助。

5dbd3206d2924885.jpg

什么是行内元素?

display属性为inline的元素为行内元素,英文:inline element,其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。

特点:

1、和其他元素都在一行上;

2、高度、行高和顶以及底边距都不可改变;

3、宽度就是它的文字或图片的宽度,不可改变。

总的来说,行内元素一般都是基于语义级(semantic)的基本元素,它只能容纳文本或者其他行内元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。

那么行内元素该如何使用呢?

1、行内元素会在一条直线上排列,在同一行从左至右水平排列。直到一行排不下,才会换行。

2、行内元素设置宽、高、margin上下、padding上下无效(竖直无效)。

3、行内元素设置line-height,margin左右、padding左右有效(水平有效)。

4、行内元素的宽高随标签里的内容而变化。

下面是我们常用的一些行内元素锚点

字体加粗

大号字体


换行

定义为强调的内容

斜体文本效果

图像

输入框

标签为input元素的标注

单选或多选菜单

小号字体

组合文档的行内元素

强调内容

定义下标

定义上标

多行文本输入框

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值