2

順序付けられていないリストをテーブルとしてやり直すことにしました。ただし、各行の先頭に順序なしリストと同じ円文字を付けて、テーブルがページ上の他のリストのように見えるようにしたいと思います。

ASCI/HTML 特殊文字を含む多くの Web ページを見てきましたが、この文字を見つけることができませんでした! どういうわけか、順序付けられていないリストをテーブルとして持つことはありますか(私はこれを疑っています)?

4

2 に答える 2

1

ブラウザが要素をレンダリングするために使用するデフォルトのリストの箇条書きulは、文字ではなくグラフィックシンボルです。これは、ページのフォントファミリ設定を変更することで確認できます。デフォルトのリストの箇条書きの形は変更されません。また、デフォルトのリストの箇条書きの形状は仕様で定義されておらず、ブラウザによって異なる場合があります。ほとんどのブラウザはそれを黒い円としてレンダリングしますが、相対的なサイズは異なる場合があります。(ブラウザー実際には、あるフォントからグリフを取得することでリストの箇条書きをレンダリングできますが、これは作成者の制御の範囲外であるため、実用的な目的では文字ではありません。)

したがって、文字をデフォルトのリストの箇条書きと一致させることはできません。異なるコンテキストで同様の弾丸を取得するには、同じテクニックを使用する必要があります:ulまたは文字。

妥当な一致を見つけようとすると、FirefoxとWindowsのChromeで次のように一致することがわかりました。

<style>
.bull { 
  font-family: Arial;
  font-size: 1.35em;
  position: relative; 
  top: 0.15em;
}
</style>
<span class=bull>&bull;</span>

ただし、IEは基本的に小さいサイズのデフォルトのリストの箇条書きを使用するため、上記のコードはそれよりもかなり大きい箇条書きを生成します。

文字をリストの箇条書きとして使用する場合、最も論理的な選択はU + 2022 BULLET“•”であり、HTMLで&bull;(またはそのように)表すことができます。また、実質的にすべてのフォントに存在するため、非常に安全です。

于 2013-02-27T05:35:00.293 に答える
0

画像だけ使ってみてはどうでしょうか。円は、作成してページに挿入するのが本当に簡単です。また、ボーダー半径または放射状グラデーションのいずれかで CSS3 を使用してそれを行う方法もあります。

于 2013-02-27T03:00:43.080 に答える