css⽂本与按钮⽔平对齐在⼯作中遇到⼀个奇怪的现象。
在table td中,⽂本和按钮没有⽔平对齐。如下图:
添加按钮⽐⽂本低⼀点(约2px),了原因,发现是垂直居中属性在影响它。
经过研究 vertical-align: middle; 会导致按钮下移2px。
由于这个是引⽤第三⽅组件的样式,所以我们需要修正位置。
⾃定义 vertical-align: unset; 即可。不设置垂直居中,按钮的位置反⽽正常了。
针对这个现象在此记录⼀下。
css实现垂直水平居中