右对齐输入框负字间距导致文本截断的纯CSS解决方案咨询
右对齐输入框负字间距导致文本截断的纯CSS解决方案咨询
我最近碰到一个CSS布局的小难题,想请大家帮忙出出主意:我尝试在<input>输入框里显示数字,用了负的letter-spacing值加上text-align: right来排版,结果发现最后一个字符总是被截断(没法完全显示),就算缩放浏览器窗口也解决不了。
我的CSS代码是这样的:
input { font-family: "MS-Mincho"; font-size: 11pt; letter-spacing: -1pt; text-align: right; }
对应的HTML:
<input type="text" value="09530610" />
我希望能保留当前的letter-spacing和text-align设置,同时解决最后一个字符被截断的问题,而且不想修改字体或者调整letter-spacing的数值。
我已经试过下面这些方法,但都没用:
- padding-right
- text-indent
有没有靠谱的纯CSS方案能解决这个截断问题呀?非常感谢大家的建议!
内容来源于stack exchange
相关产品推荐
相关产品推荐

