2011-12-20 8 views
3

私に同行してください、私はhtmlについてよく分かりません。行の高さに影響を与えずにhtmlの行頭文字のサイズが異なる?

さまざまなサイズの箇条書きを持つHTMLを編集しようとしています。これらの弾丸は、&#8226文字を使用して挿入されます。私はそれらの周りにスパンを置き、フォントサイズを変えてサイズを変更しています。

大きなフォントサイズの箇条書きは、(1)現在の行と前の行の間にスペースを作成し、(2)現在の行頭に文字の上に行頭を置きますライン。

私がやりたいことは、単純に弾を大きくすることですが、行の高さや周囲の文字との関連での弾の高さを変更しないことです。

first line of text, which is fine 
second line of text with bullet here: <span class="big-bullet">·</span> with text 
coming after it. 

とCSSクラス:

.big-bullet{font-size:350%;} 

編集:私が望んで行うための最善の方法のわからない、これは

いくつかのサンプルHTMLテキストを?:行うための適切な方法は何ですかしかし、私はまた、上記のhtmlテキストの箇条書きが通常の箇条書きよりも小さいことも発見しました。それはTeX4htコンバータによって生成されたhtmlであり、LaTeXのコードは&#8226と考えていました。私は代わりに、通常のhtmlの箇条書きの代わりに• &bull;小さな箇条書きの代わりに、それは少なくとも少し大きいです。しかし、まだフォントサイズを変更することでうまくスケールされません。 。 。

first line of text, which is fine 
second line of text with bullet here: <span class="big-bullet">&bull;</span> with text 
coming after it. 

とCSSクラス:

.big-bullet{font-size:100%;} 

答えて

1

簡単に修正ダニはちょうどline heightを設定します。

.big-bullet{ 
font-size:350%; 
line-height:??px; 
} 
+0

ありがとうございますが、私はそれが私のためにやろうとは思わないのです。まず、ユーザーがウェブページをズームインまたはズームアウトすると変更されない、そのライン(および次のライン)の固定線高さを私に与えるようです。第二に、それは他のキャラクターとの関係で弾の高さを変えません。弾丸は非常に高く、アポストロフィの位置にあります。 –

関連する問題