无法摆脱CSS中的div换行符

时间:2013-01-16 16:02:41

标签: html css

我无法摆脱此代码示例中输入字段和提交按钮之间的换行符:

http://jsfiddle.net/m4FNx/1/ (使用Chrome)

我将所有相关标签设置为

display:inline-block

但它似乎没有做它通常做的事情。

我一直看得太久了,所以我再也看不到错误,所以感谢任何帮助。

2 个答案:

答案 0 :(得分:4)

如果您不想设置固定宽度(并不总是有效),请添加

white-space:nowrap;

到你的.bubble div。这样可以防止内容包装。

答案 1 :(得分:2)

将宽度设置为.bubble div

.bubble {
    width: 320px;
}