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

Question

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

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

一些标签文本对于受限制的大小来说太长了，所以会换行，这一切都让这一切感到困惑。

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

就像是：

这是小提琴

Answer 1

您可以使用:afterCSS 伪选择器来实现这一点。

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

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

Answer 2

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

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

http://jsfiddle.net/bPGWY/11/

Answer 3

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