通过CSS在图像上水平居中文本

前端之家收集整理的这篇文章主要介绍了通过CSS在图像上水平居中文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
考虑以下html:
<div class="image">
    <img src="sample.png"/>
    <div class="text">
       Text of variable length
    </div>
</div>

哪里:

.image {
    position:relative;
    text-align:center; // doesn't work as desired :(
}

.text {
    position:absolute;
    top:30px;
}

你能告诉我,如果有办法水平对齐.image div中心的文字吗?我不能使用left属性,因为文本的长度是未知的,text-align属性不适用于.text div 原文链接:https://www.f2er.com/css/218018.html

猜你在找的CSS相关文章