删除标准换行符

时间:2017-03-27 08:53:54

标签: html css

目前代码为:

<input type=button value="hey">
<table><tr><td>hello</td></tr></table>

它看起来有点像这样:

|hey|
+-----+
|hello|
+-----+

我希望它是这样的:

|hey|+-----+
     |hello|
     +-----+

可能是由于<table>的标准/默认换行符。 尝试从CSS中的表中设置display:block属性,但没有任何成功。 任何线索如何实现这一点:)?

4 个答案:

答案 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属性