CSS中對于Input輸入框中的空格的處理,我們可以通過設置white-space屬性來進行控制。
input { white-space: nowrap; /* 不換行 */ white-space: pre; /* 原樣輸出 */ white-space: pre-wrap; /* 按照文字排版輸出 */ white-space: pre-line; /* 按照行排版輸出 */ }
其中nowrap表示不進行換行處理,pre表示按照原樣輸出空格,pre-wrap表示按照文字排版輸出空格,pre-line表示按照行排版進行輸出空格。
如果想要輸入框中的空格能夠顯示出來,我們也可以通過使用 代替空格進行處理。
input { content: " "; /* 使用實體字符代替空格 */ }
通過以上的方法,我們可以在文本框中用空格或實體字符代替空格來達到自己的需求。
下一篇css從左向右淡出