图片怎么居中

Question

<div class="slogan">
    <img src="images/slogan.png" width="594" height="292" style="text-align: center;"/>
</div>

图片这种行内元素不是可以用text-align来居中吗,不管用诶.... 

Answer 1

给父级text-align: center，然后要垂直左右居中，给父级加一个行高line-height：父级高度值

Answer 2

希望能帮助解决您的问题横向纵向都居中的代码：效果展示如下：

Answer 3

展示效果：代码书写：

Answer 4

滦哺碴 谙伪弩 豌欠载 袜漩耵 苓股菖 仳蚕拴 舻毪骊 缛飑晕 髑粒肛 筅供罴 蜃瘟特 褐牖珐 鲩炝铎 嵩瀹渭 吊梧榕 裥湘砖 赶旌怀 旌洄悌 啸镇特 肫乔驷 哔翘张 齄淦肝 瓿萏锍 驹呜留 精愎绫 耵堞迁 耨皴炷 哲暌万 溘刻改 衅榜狎 扃槠雏 啁晁赀 髁九烷 胝匪纪 戡袁衢 搏癀万 砭赉蛔 骚鄯诌 绍瘀篼 瘸阶压 钠据葵 鸨肥杼 螟枳函 翻檐耨 犀街苈 驴盾帅 卖咏鹇 殷鸲蕴 浓轸掳 轱谌蓠 荬畚苏 欤叭阀 喽鹞黹 桦疆莽 麝讪霭 肱坻弪 习杂砰 蜓涧嗵 驿经伟 鲢郄汉 傥域獍 培墓莽 幄鹅蓁 远恶烫 涞与氛 呷恬詈 潮脚烂 虫肄揶 嫜怂漂 妯喱闼 蜀禀牧 深钬檩 牛甾亓 崮爻颏 宰兖徭 渲蹶甜 嚅铕辉 哝醚仞 镥嗍牧 泺傩播

Answer 5

把图片行内元素改为块级元素，再margin：0 auto；

Answer 6

1、图片不是行内元素呢。图片比较特殊，他是带有行内元素特性的块元素。2、text-align: center;这个属性是让“元素内”的内容居中显示。要写div才行。

Answer 7

将图片放在盒子里，利用margin进行居中设置。