图片上面的文字居中方法之一-白红宇

图片上面的文字居中方法之一

阅读量：6226 次

发布时间：2019-06-21

本文共 369 字，大约阅读时间需要 1 分钟。

css

.topics_box .one_row .desc {
        width: 100%;    text-align: center;    position: absolute;    top: 50%;    color: #fff;    height: 24px;    font-size: 24px;    margin-top: -12px;}

思路：给文字图层一个高度，margin-top：-0.5*height

适用于图片的高度不能固定的情况

把图片作背景，文字line-height:height;text-align:center 也是一种方法

转载于:https://www.cnblogs.com/lzs-888/p/5541487.html

你可能感兴趣的文章

js的操作及css样式

查看>>

bootstrapValidator关于js,jquery动态赋值不触发验证（不能捕获“程序赋值事件”）解决办法...

查看>>

数据库设计基础>范式

查看>>

POJ 3461 Oulipo（模式串在主串中出现的次数）

C++走向远洋——46（教师兼干部类、多重继承、派生）

查看>>

spring IOC源码分析（1）

查看>>

「深入理解计算系统」从Hello World开始

MySQL——约束(constraint)详解---转载

centos命令行安装mysql随机密码查看方法（遇到问题及其解决办法）

PHP array_multisort—对多个数组或多维数组进行排序

查看>>