css⽂本与按钮⽔平对齐在⼯作中遇到⼀个奇怪的现象。
在table td中,⽂本和按钮没有⽔平对齐。如下图:
添加按钮⽐⽂本低⼀点(约2px),了原因,发现是垂直居中属性在影响它。
经过研究 vertical-align: middle; 会导致按钮下移2px。
由于这个是引⽤第三⽅组件的样式,所以我们需要修正位置。
⾃定义 vertical-align: unset; 即可。不设置垂直居中,按钮的位置反⽽正常了。
针对这个现象在此记录⼀下。
css实现垂直水平居中
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论