You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

右对齐输入框负字间距导致文本截断的纯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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.07 13:39:29