【李珅颖的回答：如何保证一段文字在盒子中垂直居中，并且换行后还是垂直居中 _布局 _css概念 】 | IT修真院·坑乎
问题已收录 如何保证一段文字在盒子中垂直居中，并且换行后还是垂直居中
我也踩过这个坑( 3 )
已统计您的踩坑,无需重复点击
回答(7)
布局 css概念
详细描述
截图
代码
编辑于2025-04-20
[北京|结业弟子]JS-李珅颖

可以使用弹性盒子display：flex来设置，使其内部的内容或者子元素一直水平或者垂直居中

编辑于2019-11-07
时间排序 热门排序
  • [外门弟子]CSS-2
    1

    不设置高度，用上下padding撑开即可，文字则居中。

    查看全部>
    编辑于2018-05-16
  • [上海|荣耀师兄]JS-王刚
    0

    这行文字的样式不要写height，通过padding top和bottom来撑开上下高度，这样内部的content区域就只是文字。top和bottom相等，就会保持其垂直居中了- -

    查看全部>
    编辑于2018-11-16
  • [成都|]JS-
    0

    也可以用弹性盒子做，.into{display：flxed；align-items：center；}可以设置width，但不要设置height。这样就可以保证盒子里的文字随着换行也可以保持居中了。

    查看全部>
    编辑于2018-11-23
  • [无名弟子]JS-柳桐
    0

    可以使用flex布局来进行布局，可以实现你想要的效果。

    查看全部>
    编辑于2018-11-23
  • [成都|]JS-
    0

    使用弹性盒子，

    1. display: flex;
    2.    align-items: center;

    就解决，文字本身不用设置宽高，其他的样式根据psd图慢慢调试就好。

    查看全部>
    编辑于2018-11-24
  • [成都|结业弟子]JS-董家宇
    0

    可以用flex来布局，实现居中效果

    查看全部>
    编辑于2019-02-16

技能树  |  IT修真院

关于我们 ｜ 联系我们 ｜ 合作公司

新人必读 ｜ 学院公告

旗下网站

IT修真院         葡萄藤      坑乎         桌游精灵

编程王科技     草船云      小课堂      葡萄藤轻游戏   

果冻公开课     萝卜多      小日报

微信公众平台

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1