如果可能的话,我想使用填充来对齐内容,而不是剪裁它。在输入元素中,内容是文本,但我想显示"背后的文本"填充和"内部"输入边框。
例如,下一个输入左右填充:
<input value="parallelepiped" style="width: 100px; padding: 0px 40px 0px 40px;">
以纯文本艺术为代表,它剪辑文字&#34;背后&#34;填充:
+---------------+
| par | // The padding clips the content of the input (undesired),
+---------------+ // in this example the text is aligned to the left.
我想要的唯一改变是不剪辑内容:
+---------------+
| parallele| // Not clipping the content of the input (desired effect),
+---------------+ // in this example aligned to the left (text-align: left;).
+---------------+
|lelepiped | // Not clipping the content of the input (desired effect),
+---------------+ // in this example aligned to the right (text-align: right;).
CSS属性text-overflow
对此没有帮助,overflow: visible;
也没有。
编辑:试图让问题更加明确,原因是不清楚或过于宽泛的近距离呼吁。