如何显示通过填充剪切的输入文本?

时间:2016-03-01 18:40:41

标签: css

如果可能的话,我想使用填充来对齐内容,而不是剪裁它。在输入元素中,内容是文本,但我想显示"背后的文本"填充和"内部"输入边框。

例如,下一个输入左右填充:

<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;也没有。

编辑:试图让问题更加明确,原因是不清楚或过于宽泛的近距离呼吁。

0 个答案:

没有答案