为了账号安全,请及时绑定邮箱和手机立即绑定

内联元素的居中问题

内联元素不能居中吗?如果把块状元素设置成内联元素,那么它可以居中吗

正在回答

7 回答

display:inline  内联元素的特点就是和其他元素在同一行并且不能设置宽度高度

你想要居中的效果,后面会讲到。

行内元素:如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的

块元素有三种方法:

1.加入 table 标签

2.设置 display;inline 方法(text-align:center)

3.设置 position:relative 和 left:50%;


2 回复 有任何疑惑可以回复我~
#1

锦凉 提问者

我看前面有一节内联元素不可以设置宽度和高度但是可以居中和设置背景颜色
2015-10-19 回复 有任何疑惑可以回复我~
#2

锦凉 提问者

非常感谢!
2015-10-19 回复 有任何疑惑可以回复我~

块级元素中的块级元素如何居中


0 回复 有任何疑惑可以回复我~

你这是是内联块级元素 注意这一行display:inline-block

inline-block 元素特点:

1、和其他元素都在一行上;(内联元素的特点)

2、元素的高度、宽度、行高以及顶和底边距都可设置。(块状元素的特点)

所以能设置居中  内容较多注意理解,练习和强化记忆

0 回复 有任何疑惑可以回复我~
#1

慕粉3923557

内联块状元素怎么设置居中啊?
2017-05-16 回复 有任何疑惑可以回复我~

你的截图是把内联元素改为了内联块状元素所以能够居中啊- -

0 回复 有任何疑惑可以回复我~

内敛元素  可以在包含他的块级元素中  text-algin:center;  即可

0 回复 有任何疑惑可以回复我~
#1

锦凉 提问者

还是设置不成居中啊
2015-10-19 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//5624406d000165ef03750270.jpg

就是这个图,内联元素a在默认情况下不能设置宽和高,但是还是可以设置背景颜色并且居中的,为什么把块状元素设为内联元素就不可以了呢

0 回复 有任何疑惑可以回复我~

内联元素是不能够居中的,把它是指为块状元素才可以居中~

0 回复 有任何疑惑可以回复我~
#1

锦凉 提问者

我看前面有一节内联元素不可以设置宽度和高度但是可以居中和设置背景颜色
2015-10-19 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

内联元素的居中问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信