目前代码为:
<input type=button value="hey">
<table><tr><td>hello</td></tr></table>
它看起来有点像这样:
|hey|
+-----+
|hello|
+-----+
我希望它是这样的:
|hey|+-----+
|hello|
+-----+
可能是由于<table>
的标准/默认换行符。
尝试从CSS中的表中设置display:block
属性,但没有任何成功。
任何线索如何实现这一点:)?
答案 0 :(得分:2)
display:block
将:
您需要inline-table
,而不是block
。
然后您需要调整表格和/或按钮的vertical-align
,因为您希望它们的顶部对齐而不是它们的底部。
答案 1 :(得分:0)
默认值<input type=button value="hey">
<table style="display:inline;"><tr><td>hello</td></tr></table>
是块元素。您需要使用内联样式更改表的默认样式。
<div class="well well-white well-sm hidden-sm hidden-xs menu">
<div class="input-group">
<input type="text" class="form-control" value="" data-role="tagsinput" id="includeIngredientsLG" placeholder="Include ingredients">
<span class="input-group-addon">
<span class="glyphicon glyphicon-plus"></span>
</span>
<input type="text" class="form-control" value="" data-role="tagsinput" id="excludeIngredientsLG" placeholder="Exclude ingredients" style="margin-left: 3px;">
<span class="input-group-addon">
<span class="glyphicon glyphicon-minus"></span>
</span>
</div>
</div>
答案 2 :(得分:0)
为display:inline
设置<table>
CSS。它会对你有用。
答案 3 :(得分:0)
您可以在disply:inline-flex
<table>
css属性