Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 无法在单元格中的同一行上添加两个元素_Html_Css_Bootstrap 4 - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 无法在单元格中的同一行上添加两个元素

Html 无法在单元格中的同一行上添加两个元素

html css bootstrap-4

Html 无法在单元格中的同一行上添加两个元素,html,css,bootstrap-4,Html,Css,Bootstrap 4,我有这样的结构： 使用显示：内联块： 问题是因为div是一个块元素，默认情况下，如果将其替换为span，它将转到新行，并且应该可以工作 尝试以下操作： <td class="sorting_1" tabindex="0"> <div class="form-check" data-user-id="1"> <label class="form-check-label"> <input class="

我有这样的结构：

使用
显示：内联块
：

问题是因为
div
是一个块元素，默认情况下，如果将其替换为span，它将转到新行，并且应该可以工作
尝试以下操作：

<td class="sorting_1" tabindex="0">
    <div class="form-check" data-user-id="1">
        <label class="form-check-label">
            <input class="form-check-input" type="checkbox" value=""> 
            <span class="form-check-sign">
                <span class="check"></span>
            </span>
        </label>
        <img src=".././uploads/images/avatar/1.png" class="photo">
    </div>
</td>



这是因为图像元素在“div”内，浏览器将DIV A（块元素）视为默认值，因此可以：
1-将img向上移动到跨度下方

2-将div.photo样式（内联样式或内部css文件）更改为：.photo{display:inline block}
td根据其内容确定大小。在其父对象上的div。这是一个可能导致不可预测结果的循环。是否使用表格进行布局？使用
display:flex（flexbox）或将两个div都设置为
显示：内联块