Question

我想制作左键和右键相同，现在我使用自定义css制作，但它们在PC和移动设备上有所不同，现在就是它的外观。

            <h3>
                <a href="" class="btn btn-outline-primary" id="one">SHORT</a>
                <a href="" class="btn btn-outline-primary" id="two">SHORT</a>
            </h3>
            <h3>
                <a href="" class="btn btn-outline-primary" id="three">FEW WORDS</a>
                <a href="" class="btn btn-outline-primary" id="four">SHORT</a>
            </h3>

CSS looks now

Answer 1

我建议你把它们放到桌子上，宽度为100％。

类似的东西：

的CSS：

td a {width：100％}

 <table>
    <tr><td> 
            <a href="" class="btn btn-outline-primary" id="one">SHORT</a>
          </td>
          <td>
            <a href="" class="btn btn-outline-primary" id="two">SHORT</a>

        </td></tr>
        <tr><td> <a href="" class="btn btn-outline-primary" id="three">FEW WORDS</a>  </td>
            <td>
            <a href="" class="btn btn-outline-primary" id="four">SHORT</a></td></tr>
</table>

Bootstrap 4制作相同的按钮

1 个答案: