问答详情
源自:12-9 画个圈圈 - 使用border为盒子添加边框(一)

内联元素的居中问题

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

提问者:锦凉 2015-10-19 00:34

个回答

  • Jaydon_
    2015-10-19 02:13:32
    已采纳

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

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

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

    块元素有三种方法:

    1.加入 table 标签

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

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


  • qq_亿一生拥有_0
    2017-05-23 12:00:10

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


  • 大块吃肉188
    2016-06-30 15:14:18

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

    inline-block 元素特点:

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

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

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

  • 克里斯雷德菲尔德
    2015-11-14 16:57:14

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

  • echo_kinchao
    2015-10-19 10:54:20

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

  • 锦凉
    2015-10-19 09:01:03

    http://img.mukewang.com/5624406d000165ef03750270.jpg

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

  • qq_飞鸽_1
    2015-10-19 00:36:59

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