什么是行内元素?
什么是行内元素?
博为峰教研组 发表于6个月前
什么是行内元素?
  • 发表于 6个月前
  • 阅读 3
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

 

我们都知道在html元素分为行内元素和块级元素。在实际开发中,会经常把他们弄混淆,而且很难记住。下面我们就来教会大家如何记住行内元素

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

<a>

锚点

<b>

字体加粗

<big>

大号字体

<br>

换行

<em>

定义为强调的内容

<i>

斜体文本效果

<img>

图像

<input>

输入框

<label>

标签为input元素的标注

<select>

单选或多选菜单

<small>

小号字体

<span>

组合文档的行内元素

<strong>

强调内容

<sub>

定义下标

<sup>

定义上标

<textarea>

多行文本输入框

这里要强调一点,我们必须要记住这些行内元素,这里写下几句便于记忆行内元素的语句。

字体大小要加粗,

组合图像输入框,

锚准斜体的菜单,

强调换行上下标

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

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

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

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

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

行内元素转换为块级元素

  display:block (字面意思表现形式设为块级)

 

 

 

标签: 行内 元素 使用
共有 人打赏支持
粉丝 40
博文 1224
码字总数 479077
×
博为峰教研组
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: