寬度：100％延伸到邊框 - textarea

我有width:100% textarea，但我的textarea默認一直延伸到頁面的邊框。有沒有什麼辦法解決這一問題？寬度：100％延伸到邊框 - textarea

我試圖做出這種響應，以便textarea的最大寬度爲cols="100"，但如果需要它也會縮小。

textarea { 
 
    \t -webkit-box-sizing: border-box; 
 
\t -moz-box-sizing: border-box; 
 
\t box-sizing: border-box; 
 
\t width: 100%; 
 
\t resize: none; 
 
    }

<textarea cols="100" rows="10" name="savetext" id="savetext"></textarea>

來源

2015-01-03 user1561616512

請添加您improvement.What你做的，你想要什麼？ – sandipon

您可以通過添加您目前擁有的相關代碼來詳細說明嗎？ –

你應該添加代碼你嘗試過，或者你會被投票請快速 –

嘗試使用width: 400px;（PX）代替％與我會建議使用 '階級' 或html元素 '身份證'，而不是寫作風格全球範圍內爲HTML元素（S）

實施例：

<style> 
.textarea{ 
width:300px; 
height: 150px; 
} 
</style> 

<textarea rows="3" cols="50" class="textarea"></textarea>

來源

2015-01-03 09:37:48

使用這個CSS

textarea { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    width: 61%; 
    resize: none; 
    }

來源

2015-01-03 10:39:32

您使用行/的情況下，CSS的cols不支持;如果您在CSS中指定寬度或高度，它們會覆蓋從rows/cols派生的值。

Should I size a textarea with CSS width/height or HTML cols/rows attributes?

來源

2015-01-03 10:46:21 Michelangelo

你希望它是cols="100"，但你也希望它當視變小萎縮。

而不是width: 100%（它將覆蓋cols屬性），請使用max-width: 100%。 textarea的最大寬度將是其指定的列值，如果需要，它也會縮小。

textarea { 
 
    resize: none; 
 
    max-width: 100%; 
 
    box-sizing: border-box; 
 
}

<textarea cols="100"></textarea>

來源

2015-01-03 11:08:04 misterManSam

寬度：100％延伸到邊框 - textarea

回答

相關問題