1. 程式人生 > >如何使得textarea中的字型,顯示換行效果等

如何使得textarea中的字型,顯示換行效果等


如何使得textarea中的字型,顯示換行效果等

兩種方案:

(1)將內容放入到textarea的控制元件中顯示即可。此方法可以用於新增,修改一個頁面的情況下。


(2)將內容用<pre></pre>標籤包裹起來即可,這裡需要控制<pre>標籤的樣式才能顯示出換行的效果:

pre {
			white-space: pre-wrap;       /* css-3 */
			white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
			white-space: -pre-wrap;      /* Opera 4-6 */
			white-space: -o-pre-wrap;    /* Opera 7 */
			word-wrap: break-word;       /* Internet Explorer 5.5+ */
			word-break:break-all;
			overflow:hidden;
			color: #474455;
			font-size: 14px;
			font-family: "微軟雅黑";
		}