在div中显示内联的不同元素

时间:2014-04-25 11:20:21

标签: html css html5 css3

<td>    <div class="Parent">
        <div class="willnotbedisplayed">some embed tag</div>//which will not show any html in UI
        <a class="image one">holds image</a>
        <a class="image two">holds image</a>
        <span class="hidden"></span>//will not display always hidden
        <input type="textbox"/>
    </div>
</td>

我在表格的td中有html,我想显示所有这些内联。 我尝试了很多方法,但我无法解决任何问题..............

3 个答案:

答案 0 :(得分:2)

如果你想显示内联的所有元素,你可以尝试下面的jsfiddle代码。

http://jsfiddle.net/murli2308/u7b83/2/

你必须在下面添加CSS

td *{display:inline;}

如果您的表格宽度较小,那么元素将移动到下一行..您能否给出代码的jsfiddle ..或者您可以在这里发布您的所有代码....

答案 1 :(得分:1)

您可以查看以下Fiddle

.parent{
display:inline
}

答案 2 :(得分:0)

.Parent > * {display: inline;}

虽然* css选择器不够快

,但这会有效