1

これは以前に回答されている可能性がありますが、SOに関する私の質問に対する適切な解決策が見つかりませんでした。

わかりました、ここに行きます：

h3実際のテキストがある部分を除いて、100% のタグに下線を引く必要があります。そのようです：

私のスーパー タイトル __________________________________________________________________

これは 100% 幅でなければならないので、次のようになります。

h3:after {
        content:"\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0";
}

固定数の空白では機能しません。

また、タグはpureでなければなりません。DIV やスパンなどで囲まれていないことを意味します... (ユーザーが wysiwyg からコンテンツを送信) それは単なる h3 タグです。

これはcss3でまったく可能ですか? そうでない場合は、jsを追加して機能させたいと思います。

アップデート：

期待される結果のスクリーンショットを次に示します。

ここに画像の説明を入力

4

4 に答える 4

0

疑似要素を使用せず:afterに、これを行うことができます：

<div id="wraptitle"><h3>A Second Title</h3></div>

CSS

#wraptitle {
    border-bottom : 1px solid black;
    position : relative;
}

#wraptitle h3 {
    display : inline;
    position : relative;
    bottom : 0;
    border-bottom : 1px solid white; /* white is actually the background color */
    padding-right : 10px;
}

h3要素のマージンが に設定されていることを確認してください0。そうしないと、境界線がそれを超えません。

実際の例はここで見ることができます: http://jsfiddle.net/JYNn5/

于 2013-10-25T10:14:10.020 に答える