时间戳

首页 > 解决方案 > 如何显示两个内联？

html - 如何显示两个内联？

问题描述

<div class="wrap-input100 validate-input  mr-3">
  <input type="text" name="title" class="input100 text1" autocomplete="off" required>

  <span class="focus-input100" data-placeholder="Title"></span>
  <span class="count1 text-secondary"></span>

</div>

我需要显示两个span内联。display-inline: flex;似乎行不通。

我有一个CSS从网站下载的，用于风格化我的输入，CSS它真的很大，所以我不能放在这里剪断。

链接到 codepen：https ://codepen.io/user236945896/pen/yRBLPM

标签： htmlcss

解决方案

我希望这是你想要的，因为你的问题不是很清楚。

<div class="wrap-input100 validate-input  mr-3">
  <input type="text" name="title" style="display:inline-block;width:auto;" class="input100 text1" autocomplete="off" required>

    <span class="focus-input100" style="width:auto" data-placeholder="Title"></span>
    <span class="count1 text-secondary"></span>

</div>

链接到 codepen：https ://codepen.io/anon/pen/NOKWmb

推荐阅读