如何包装输入值文本[重复]

Posted 2023-02-22

【中文标题】如何包装输入值文本[重复]

【英文标题】：How can wrap input value text [duplicate]

【发布时间】：2014-01-27 17:19:02

【问题描述】：

我有这段代码，但我无法换行。

<div class="added-link">
    <input type="submit" style="color: #000000;" class="addedlink"  id="abc" value="User Survey Confidentiality Statement" name="linbutton">
</div>

【参考方案1】：

将一些固定的width 分配给您的<input type="submit" /> 并使用white-space: normal; 或您可以在源html 中使用一个新行（便宜的方式）

value="User Survey
 Confidentiality Statement"

Demo

Demo 2

<input type="submit" class="addedlink" value="User Survey Confidentiality Statement" name="linbutton">

.addedlink 
   color: #000000; 
   white-space: normal; 
   width: 150px;

【讨论】：

这个答案的速度非常快。 +1（也是正确的）