在上一个跨度之后无法使内联块跨度流动答案

【问题标题】：Can't get inline-block span to flow after previous span在上一个跨度之后无法使内联块跨度流动
【发布时间】：2012-10-12 12:22:31
【问题描述】：

我正在尝试获取一个跨度，该跨度指示一个字段是否必须始终在其文本跨度之后流动。

我受到我使用的框架的限制，因为 td 和标签具有相同的固定宽度，因此这些额外的内容必须位于标签标签内。为了更好地衡量，在文本项之前有一个可选内容（问题/帮助图标）的占位符。

有些标签文本对于受限制的大小来说太长了，所以会换行，这让这一切都变得混乱。

这就是我所在的位置，星号永远不应该在文本下方流动。（现在就是这样）

类似：

【问题讨论】：

标签： html css

【解决方案1】：

您可以使用:after CSS 伪选择器来实现此目的。

这里的工作解决方案：http://jsfiddle.net/mFrCT/

编辑：如 cmets 中所述，如果跨浏览器兼容性是一个问题，解决方法可能是 http://jsfiddle.net/6BJVt/ 使用 position: absolute 作为所需的星号。

【讨论】：

【解决方案2】：

如果真的没有办法摆脱那些糟糕的表格，我建议使用以下 CSS：

td {
    position:relative;   
}
.field-mandatory {
    position:absolute;
    top:2px;
    right: 3px;   
}

【讨论】：

表格不是表格吗？我也不喜欢你在 asterix 和标签之间留下的大空间
不是真的。 “您的内容是表格数据如果：如果您要在页面上放置的信息可以在电子表格中记录或跟踪，那么它几乎可以肯定是表格数据。” (webdesign.about.com/od/tables/a/aa122605.htm)
我绝对将它定位在该 td 的右上角。我知道您希望星号“浮动”到单元格的顶部。
stackoverflow.com/questions/1395514/…我是建筑师，我可以选择。
无论你说什么建筑师先生。但是将表格用于非表格数据只是完全倒退。你让自己变得更难，那么它必须是。

【解决方案3】：

破解它：http://jsfiddle.net/bPGWY/12/

【讨论】：