首页 前端知识 HTML img标签无法居中

HTML img标签无法居中

2024-04-29 12:04:18 前端知识 前端哥 261 901 我要收藏

使用文本水平对齐方式text-align属性居中图片无效

使用text-align: center;需要注意,如果要让图片或者文本水平居中,text-align属性需要给图片或者文本所在的父标签设置。

例子

<div class="pic_top">
	<img src="./images/logo.gif" alt="">
</div>

想要让logo居中,就需要给类选择器pic_top添加text-align属性

.pic_top {
    text-align: center;
}

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6615.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!