如何高度自适应并文字竖排垂直居中?
答案:2 悬赏:10
解决时间 2021-03-15 15:45
- 提问者网友:无依无靠的距离
- 2021-03-15 08:03
就是日期右边内容的高度是自适应里面内容的,一旦内容增多后,日期里面的文字如何能保持垂直居中?
最佳答案
- 二级知识专家网友:懂得ㄋ、沉默
- 2021-03-15 09:14
我觉得基本上有两种方法是可行的吧。1、用table,左右两侧分别放在两个TD里面,这样做似乎有点代码冗余,呵呵~~。2、用定位,左侧部分可以设定position: relative;里面加个DIV,设定为position: absolute; top: 50%;,然后这个DIV的里面在加个DIV,设定为position: relative; top: -50%; 这个方法也是从网上看到的,没有测试,但可以试一试。
全部回答
- 1楼网友:不羁的心
- 2021-03-15 10:28
1、如果文字不换行的话,那么把文字行高line-height设为div的高度height即可;
2、如果文字会换行,那么有2个方法,第一方法,设置适当的行高line-height后,在div上设置上下方向的padding值,div高度是自适应的,这样在视觉上就会感觉是垂直居中于div的;第二个方法,你把div换成table布局或者在div内套一个table,因为td默认情况下内容是偏左并且垂直居中的;
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯