章节
问答
课签
笔记
评论
占位
占位

我要和你站一起 - 内联元素

在html中,<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素行内元素)(inline)元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素,从而使 div 元素具有内联元素特点。

 div{
     display:inline;
 }

......

<div>我要变成内联元素</div>

内联元素特点:

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

2、元素的高度宽度及顶部和底部边距不可设置;

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

小伙伴们你们观查一下右侧代码段,有没有发现一个问题,内联元素之间有一个间距问题,这个问题在本小节的 wiki 中有介绍,感兴趣的小伙伴可以去查看。

 

 

任务

我来试一试:感受一下内联元素的特点

在右侧代码编辑器中输入各种内联元素标签,试一试他们的特点。

这一小节没有正确性验证,单击“提交”按钮进入下一小节学习。

?不会了怎么办
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / 港为吴振豪朝阳
由其内部文档流元素的高度的总和决定的

最赞回答 / 慕娘4492179
 使用letter/word-spacing增加或减少字符间的空白

最赞回答 / 紫月梅y
display 规定了当前元素应该生成的框是什么类型。block:表示当前这个框所在的这一行不能再放别的框了; inline-block/inline:表示当前这个框所在的这一行还可以再放别的框;区别在于 display 为 inl...

最新回答 / 一个前端的小白
inline-block 就行内块元素 ,它又不换行,又可以像块元素那样设置宽高

最赞回答 / qq_精慕门5576295
这里说的Wiki并不是代码,只是指论坛,内联元素有间距问题在这个下面有讲

最新回答 / LFZ_CUG
搜一下“html参考手册”,里面有介绍

最新回答 / 赤兜
固定要求是字体类型倒数第一个,字体大小倒数第二个

已采纳回答 / 五月的夏天
块级元素默认是占一整行,如果想让两个或多个块级元素在同一行排列,需要转成行内元素,反之行内元素默认在同一行排列,如果想让行内元素默认占一整行,可以转换成块级元素。

最新回答 / qq_慕斯5343362
不能  要自己多练习

最赞回答 / AlbertOfficial
选中某一个课程点进去,在导航栏最后一栏,有个本课程相关的WIKI如《初识HTML CSS》的WIKI:https://www.imooc.com/coursewiki/9

最赞回答 / IU4270169
我觉得是你上面几行的 a,span,em的设置  最后面那个{}方向打错了。

已采纳回答 / 阳火锅
执行某种逻辑,或者某种功能的代码集..

最新回答 / x偏爱_南半球o
<...图片...>在标题栏

最新回答 / 慕哥3365706
因为float是对齐的指令,可以在慕课网超链接后加<br />
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言