使用display:inline-block居中没有宽度的元素

所需积分/C币:5 2021-01-21 14:02:25 39KB PDF
4
收藏 收藏
举报

在一个元素内居中另一个元素有时候会很困难.对于常规,静态定位的元素,可以让他向左或向右浮动,或者使用text-align属性让他在父元素内居左,居中或居右.还可以利用自动外边距(margin:0 auto;)来居中元素.这些方法的问题在于,要居中的元素必须是有宽度的.像这里用于构成菜单的html列表,他可能是根据数据库信息动态生成的,或者说将来有可能手工编辑,总之你不可能提前设定他的宽度. 在display属性的值中,inline-block具有一些特殊的混合行为.正如他的名字所暗示的,它具有块级元素的特点,也有行内元素的行为.从块级元素角度来说,可以为他设定外边距和内边距,也可以通过它简便

...展开详情
试读 1P 使用display:inline-block居中没有宽度的元素
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
weixin_38732744 欢迎大家使用并留下宝贵意见
2021-01-21
  • 分享王者

    成功上传51个资源即可获取
关注 私信 TA的资源
上传资源赚积分or赚钱
    最新推荐
    使用display:inline-block居中没有宽度的元素 5积分/C币 立即下载
    1/1
    使用display:inline-block居中没有宽度的元素第1页

    试读结束, 可继续阅读

    5积分/C币 立即下载 >