AI 助理
备案控制台
开发者社区 问答 正文

如何实现如下的文字居中

screenshot
之前都是通过

.box {
    text-align:center;
    line-height: 100px; 
}

来实现文字的居中,但是只能是一行文字「由于设置了line-height」

求助该如何实现该效果

展开
收起
杨冬芳 2016-05-31 16:27:31 2202 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业

    1.给box添加padding的方式（类似把中间的文字挤在中间，具体左右padding大小要你自己去设置 ）
    2.给box添加：after或者before 伪元素

    box{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
}
box:after{
    display:inline-block;
    content:'';
    height:100%;
    width:0;
    vertical-align:middle;
    text-align:center;
}
    2019-07-17 19:22:10
    赞同 展开评论
问答地址：
开发者社区 > 云计算 > 问答
相关问答
this xml file does not appear to have any style in
47544
10
0
请问下 我访问接口不通 什么原因 Provisional headers are shown
1594
0
0
OSS的endpoint如何查看
36136
6
0
购买阿里国外的云服务器是否可以访问谷歌？
80253
47
0
通过www和不带www的网址输入最终都指向www.我的域名.com，求指教
123379
28
0
sql server的用户名和密码怎么查啊？
35383
21
0
配置了安全组规则，端口还是无法访问
32160
25
0
域名在腾讯云备案成功，解析到阿里云服务器，提示仍需备案？
59394
30
0
Connection reset by peer的常见原因及解决办法
3694
1
0
设置域名解析如何指向我的服务器url包括端口号
17511
2
0