在上一个跨度之后无法获得内联块跨度

时间:2012-10-12 12:22:31

标签: html css

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

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

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

这就是我所处的位置,星号不应该在文本下面流动。 (现在就是这样做)

类似的东西:

enter image description here

This is the fiddle

3 个答案:

答案 0 :(得分:4)

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

此处的工作解决方案:http://jsfiddle.net/mFrCT/

编辑:如评论中所述,如果跨浏览器兼容性存在问题,则可以使用position: absolute为所需的星号http://jsfiddle.net/6BJVt/进行解决方法。

答案 1 :(得分:-1)

如果真的无法摆脱那些可怕的表格,我建议使用以下CSS:

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

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

答案 2 :(得分:-1)