1

非常に密集した DL レイアウトを作成したいと思います。dt は、それに続く dd と同じ行にあります。したがって、dt を dd から分離するには、追加の強調表示が必要です。従来の文書では、これは mdash またはコロンを介して行われます。

これを CSS で指定することは可能ですか、それとも選択したスタイルに従ってデータを書き換える必要がありますか?

(h1,h2 ... - ヘッダーにも同様の問題があります。段落が始まる同じ行のテキストを太字にすることによってのみヘッダーが実現される場合は、ヘッダー テキストの後にピリオドを挿入する必要があります。LaTex には、これには余分なコマンドがありますが、繰り返しますが、CSS でそれができるのではないかと思います。)

（私はこの質問を知っていますが、これがここにも当てはまるかどうかはわかりません。）

編集：コロンでは次のように機能しますが、ダッシュでは機能しないことがわかりました

.myclass dt:after { content: ":"}
4

3 に答える 3

4

これは、文字エンコーディングで許可されていて、入力方法を知っている場合に、em ダッシュ文字をそのまま入力することで実行できます。たとえば、windows-1252 または utf-8 を使用できます。ただし、エンコーディングを適切に宣言する必要があります。http://www.w3.org/International/tutorials/tutorial-char-enc/を参照してください。

エンコーディングの問題を回避し、ASCII 文字のみを使用してドキュメントを記述できるようにするために、CSS で「バックスラッシュ エスケープ」を使用できます。

dt:after { content: "\2014"; }

"\2014 "(テキスト「—」、つまりemダッシュとスペースが必要な場合は、2 つのスペースを入力する必要があります:

CSS ルールで&mdash;は、特別な意味はありません。7 つのデータ文字だけです。HTML ドキュメントの要素内にある場合でもstyle、古い HTML ルールによって状況は変わりません。HTML の解析では、style要素はマークアップが認識されないプレーン テキストとして扱われ、すべての文字がそのように解釈されてに渡されます。 CSS の解釈。もちろん、</style>認識する必要がある終了タグは除きます。

原則として、XHTML はこれを変更し、本物の XHTML (XHTML コンテンツ タイプを使用するサーバー) では、サポートしているブラウザー ( IE 8 以外など)ではcontent: "&mdash;"、要素で使用できますstyle(その要素のコンテンツが解析され、エンティティが参照するようになるため)。認識されます）。ただし、上記の代替手段があるため、これは良い考えではありません。

最後に、ダッシュの代わりに Ascii のハイフンマイナス "-" を使用できますが、これは非常に貧弱な代替であり、短く、単語内で使用するように設計されており、句読点として使用するためのものではありません。

于 2012-07-29T10:32:46.620 に答える
1

私が正しく理解していれば、あなたがリンクした質問はあなたの質問に完全に答えます:

dt:after {
  content:': '; /* or content:' – ';
}

ヘッダーの場合:

h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  display:inline;
}
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
  content:'. ';
}
于 2012-07-29T09:47:02.527 に答える
1

このフィドルは何らかの形で役立ちますか? 純粋に CSS で行うと、一部のブラウザー (IE7、おそらく IE8) は無視されます。

于 2012-07-29T09:45:47.550 に答える