如何制作流体按钮

时间:2017-06-24 15:06:43

标签: css

我在表单中使用了提交按钮。长文本通常很好,但在小屏幕上查看时会出现问题。

目前,无论页面宽度如何,按钮都保持相同的宽度,如果页面太窄,会导致页面水平滚动。

我希望文本像内嵌块元素一样包裹。我已经在css中指定了它,但它似乎没有用。

input{background:#deaded;padding:10px 30px;display:inline-block;border-radius:5px}

<input type="submit" value="This is where the slogan goes" />

1 个答案:

答案 0 :(得分:1)

您可以使用white-space: normal;

&#13;
&#13;
input {
  background: #deaded;
  padding: 10px 30px;
  display: inline-block;
  border-radius: 5px;
  white-space: normal;
}
&#13;
<input type="submit" value="This is where the slogan goes" />
&#13;
&#13;
&#13;