【王鸿超的回答:如何保证一段文字在盒子中垂直居中,并且换行后还是垂直居中 _布局 _css概念 】 | IT修真院·坑乎
问题已收录 如何保证一段文字在盒子中垂直居中,并且换行后还是垂直居中
我也踩过这个坑( 3 )
已统计您的踩坑,无需重复点击
回答(7)
布局 css概念
详细描述
截图
代码
编辑于2024-10-10
[成都|]JS-

使用弹性盒子,

  1. displayflex;
  2.    align-itemscenter;

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

编辑于2018-11-24
  • [外门弟子]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

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

    编辑于2019-02-16
  • [北京|结业弟子]JS-李珅颖
    0

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

    编辑于2019-11-07