一行文字时垂直居中 用css
如何让它一行文字的时候垂直居中
<style type="text/css">
.ellipsis-2 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #fff;
}
</style>
<div style="padding: 0 10px;height: 50px;background-color: #7092BE;width: 200px;">
<p class="ellipsis-2">
一行文字时垂直居中，两行文字时换行
</p>
</div>
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
IT从业
在div上面使用flex
height: 200px; width: 200px; background-color: red; display: flex; justify-content: space-around; flex-direction: column; align-items: center; word-break: break-all;2019-07-17 19:34:49赞同 展开评论
相关问答