html - 输入元素溢出容器

Question

当文本太长时，输入溢出父容器。

我正在研究如何将文本包装在元素内。我试过了word-break，text-wrap但没有任何效果。

    <div>
      <input type="submit" name="test" class="submit" value="sample text sample text sample text sample text sample text sample text sample text sample text">
    </div>

标签： htmlcsslist

Answer 1

white-space:normal似乎在 Chrome、Firefox、IE 和 Edge 中运行良好……

div { width: 400px; }
input[type=submit] { white-space:normal; }

<div>
  <input type="submit" name="test" class="submit" value="sample text sample text sample text sample text sample text sample text sample text sample text">
</div>