ホームページ  >  に質問  >  本文

javascript - 这种评论表单的布局是怎么做出来的?

这是简书的评论表单:

我的 html 结构如下:

<form action="" method="post">
    <a href="" class="avatar"><img src="images/avatar.jpg" alt=""></a>
    <textarea placeholder="写下你的评论..."></textarea>
    <footer>
        <span>Ctrl + Return 发表</span>
        <button type="reset">取消</button>
        <button type="submit">发送</button>
    </footer>
</form>

我设置头像 .avatar 元素左浮动,然后设置 textarea 的 width=100%,但是这样设置后 textarea 会新起一行,无法达到想要的效果。我想实现简书这样的布局该怎么设置 css 样式?

高洛峰高洛峰2766日前540

全員に返信(4)返信します

  • PHP中文网

    PHP中文网2017-04-17 15:17:36

    = =質問者は自分のスタイルを真似しないでしょうか?
    フォームは相対に設定され、アバターは絶対に設定されています...

    キーワード: 絶対位置

    返事
    0
  • 迷茫

    迷茫2017-04-17 15:17:36

    リーリー

    上記はあなたのアイデアに基づいています。実際、この列レイアウトを実装するには、BFC、absolute、flex など、さまざまな方法があります。

    返事
    0
  • 怪我咯

    怪我咯2017-04-17 15:17:36

    <フォームアクション=""メソッド="投稿">

    リーリー

    </form>

    返事
    0
  • 怪我咯

    怪我咯2017-04-17 15:17:36

    コード内に最初に 4 を記述し、次に 5 を記述します

    返事
    0
  • キャンセル返事