400-650-7353

精品课程

css图片居中怎么设置 css图片居中怎么设置?

发布: Web前端培训 发布时间:2021-07-19 13:50:20

推荐答案
品牌型号:联想 YOGA 14c/系统版本:windows7

1、利用margin: auto实现图片水平居中

css图片水平居中代码:

2、利用文本的水平居中属性text-align: center实现图片水平居中

css图片水平居中代码:

3、利用table实现图片垂直居中

css图片垂直居中代码如下:

注意:此种方法是利用了table的垂直居中属性

说明:这里使用display: table;和display: table-cell;来模拟table,这种方法并不兼容IE6/IE7,IE67不支持display: table,如果你不需要支持IE67那就可以用

“css图片居中怎么设置”

其它答案
牛仔很忙2020-06-22 18:56:36

/* 水平居中 */

.HCenter{

display:block;

margin:0 auto;/* 0 是上下边距,auto 是水平居中 */

}


中公旗下IT培训品牌

  • 中公教育品牌

     中公教育是一家中国领先的全品类职业教育机构,提供超过100个品类的综合职业就业培训服务。公司在全国超过1000个直营网点展开经营,深度覆盖300多个地级市,并正在快速向数千个县城和高校扩张。

  • 完善就业体系

    通过阶段性授课机制,和每阶段的定期考核,先让学员能够学会所学内容,才能找打合适工作。最后一个阶段为就业课程,从技术和面试两个方面加深就业能力,并且还有不定期的双选会供大家选择。

  • 全程面授+实战技术

    线下课程全程是师资面对面教学,不会存在上课只对着大屏幕上课的情况,有问题都可以在课上得到解答。并且优就业通过自主研发大纲和学习路线,并且定期更新课程所学技术,让大家所学技术不落伍。

中公优就业专业职业规划老师

为您详细答疑解惑,更能领取免费课程

相关问题

更多课程

专业课程老师将第一时间为您解答

立即答疑
修改
优就业:ujiuye

关注中公优就业官方微信

  • 关注微信回复关键词“大礼包”,领80G学习资料