有没有办法在多个单元格上叠加图像？答案

【问题标题】：Is there a way to overlay an image on more than one cell?有没有办法在多个单元格上叠加图像？
【发布时间】：2020-09-01 14:23:04
【问题描述】：

嘿嘿，我正在尝试为网站实现以下图片：

我已经考虑过如何用 HTML 来构建它，并且到目前为止我已经得到了这个：

使用以下代码：

<div class="container">
    <div class="row">
        <div class="col-10">
            <h1>TEXT TEXT TEXT COMPANY NAME'S TEXT TEXT</h1>
        </div>

        <div class="col-2">
            <img src="..." alt="Image">
        </div>
    </div>

    <div class="row">
        <div class="col-10">
            <p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p>
        </div>
    </div>

    <div class="row">
        <input class="form-control form-control-sm subscribe-email" type="text" placeholder="Your Email">
    </div>
</div>

如何使图像位于两个单元格的顶部？感谢您的帮助！

【问题讨论】：

标签： html css bootstrap-4 frontend web-frontend

【解决方案1】：

只需将您的段落放在 h1 下方的第一个 col-10 中。在这种情况下不需要第二排。这是列的全部要点。

<div class="container">
    <div class="row">
        <div class="col-10">
            <h1>TEXT TEXT TEXT COMPANY NAME'S TEXT TEXT</h1>
            <p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p>
        </div>

        <div class="col-2">
            <img src="..." alt="Image">
        </div>
    </div>

    <div class="row">
        <input class="form-control form-control-sm subscribe-email" type="text" placeholder="Your Email">
    </div>
</div>

【讨论】：