ホーム>source

質問。半行のある文章

HTML/CSS。

アップロードした写真のように、いくつかの単語の後の空白を行で埋めたいです。

単語の長さは変更できます。

全幅が1000pxで、単語が100pxの長さの場合、半行は900pxの長さです。

単語は350pxで、半行は650pxの長さです。

CSSで作成するにはどうすればよいですか?

私に教えてください..

あなたの答え
  • 解決した方法 # 1

    この助けを願っています:D

    ウィズウィズ
    
    ウィズウィズ
    

  • 解決した方法 # 2

    あなたはグリッドでこれを簡単に達成できます

    ウィズウィズ
    
    ウィズウィズ
    

    h2 { overflow: hidden; } h2:after { content:""; display: inline-block; height: 0.5em; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 10px; border-top: 1px solid black; }

関連記事

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ Rの同じ位置インデックスを持つベクトルの値の組み合わせ