内联元素的居中问题

来源:12-9 画个圈圈 - 使用border为盒子添加边框(一)

锦凉

2015-10-19 00:34

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

写回答 关注

7回答

  • 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%;


    锦凉

    非常感谢!

    2015-10-19 12:45:22

    共 2 条回复 >

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

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


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

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

    inline-block 元素特点:

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

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

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

    慕粉3923...

    内联块状元素怎么设置居中啊?

    2017-05-16 11:42:15

    共 1 条回复 >

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

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

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

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

    锦凉

    还是设置不成居中啊

    2015-10-19 11:01:51

    共 1 条回复 >

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

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

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

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

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

    锦凉

    我看前面有一节内联元素不可以设置宽度和高度但是可以居中和设置背景颜色

    2015-10-19 08:51:01

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225311 学习 · 18230 问题

查看课程

相似问题