前端开发:input 文本居中对齐问题解决方法
如果使用'text-align: center'后,文字还是有点偏,可以尝试以下方法:
-
添加 padding 来调整文字的位置,例如:'padding: 5px 10px;'
-
设置 input 的宽度为固定值,并使用 'margin: 0 auto' 来居中,例如:'width: 200px; margin: 0 auto;'
-
使用 flex 布局,将 input 包裹在一个父容器中,并设置父容器的 'justify-content' 和 'align-items' 为 center,例如:
原文地址: https://www.cveoy.top/t/topic/oLin 著作权归作者所有。请勿转载和采集!