1

我正在做一个网络应用程序。

我希望使用以下 html 显示错误消息：

<div><i class="icon-remove-sign"></i> Error message (could take a few more lines)</div>

我希望在此“列”中显示错误消息，而不是包裹在 icon-remove-sign 下。如果不使用基于表格的设计，我该怎么做？

我尝试了不同的 css 规则，但错误文本要么包裹在 icon-remove-sign 下，要么包裹在第二行（在 icon-remove-sign 下方）。

感谢帮助！

问候。

4

2 回答 2

8

nowrap应该做的伎俩：

white-space:nowrap;

以及icon-remove-sign元素的高度。

如果它不起作用，也许您可​​以发布其余的 CSS。

于 2013-06-28T20:58:26.920 回答
2

从您的问题来看，您似乎不想更改 HTML 代码，但我不确定这是否可能。

但是，如果您添加一个包含错误消息的 div，您可以通过多种方式获得您想要的结果。

例如display: inline-block;同时使用图标和错误消息：http: //jsfiddle.net/jasongennaro/SK9ad/（取自https://stackoverflow.com/a/7005083/852765）。请注意 inline-block 在 IE7 及更低版本中的支持有限。

float: left在图标和margin-left错误消息上使用的另一个示例：http: //jsfiddle.net/bxHnM/

于 2013-06-28T23:16:38.677 回答