- ベストアンサー
cssのリストで、番号1と2の間の行間を「2」にする方法は？
css（スタイルシート）のリストで、番号1と2の間の行間を「2」にする方法をお教えください。1や2の文章群の段落は「1.5」になっています。 1。あああああああああああああああああああああああああああああああああああああああああああああああああああ。 （この部分を「2」にする） 2。えええええええええええええええええええええええええええええええええええええええええええええええええええええええええ。 （この部分を「2」にする） 3。ううううううううううううううううううううううううううううううううううう
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
＃１さんの例を採用するなら classで限定すれば済むと思います。 （行間てline-heightのことのような気もしますが） <style> .li0 {margin-top: 2em; } </style> <ol> <li>あああああああああああああ <li class="li0">いいいいいいいいいいいいい <li class="li0">ううううううううううううう <li >えええええええええええええ <li>おおおおおおおおおおおおお </ol>
お礼
li {line-height: 1.5em; margin-top: 0.5em;} で、できました。 ありがとうございました。
- ticky
- ベストアンサー率36% (123/337)
たとえば li {margin-top: 0em; margin-bottom: 2em;} でできるんじゃないかなぁ...。 3.のリストの下に、2行分の隙間ができるけど、仕方ないと思います。
お礼
li {line-height: 1.5em; margin-top: 0.5em;} で、できました。 ありがとうございました。
関連するQ&A
- cssでリストの行間をひろげるには？
cssでリストの行間をひろげる方法をお教えください。 ・あいうえお ・かきくけこ で、2行の間隔を1.5倍ほどにひろげたいのです。 よろしくおねがいします。
- ベストアンサー
- その他（プログラミング・開発）
- 行間を指定できません
ホームページビルダー6.5で、ページを作成しています。 文章が長く、見づらいので、行間をスタイルシートで指定してみました。（あるサイトで紹介されていたのをそのままやってみました） <head></head> の間にタグを入れるとの事で、その間には検索避けのMETAタグがあるので、METAタグの下に、 <STYLE type="text/css"> <!-- BODY { line-height:180%; } --> </STYLE> というタグを挿入しました。 しかし、ビルダーの「ページ編集」では、ちゃんと行間が変わっているように見えるのですが、ビルダーのプレビュー画面や、ブラウザ上ではなんにも変わってないのです（T T) 行間の空いてない文章のままです。 何か間違いがあるのでしょうか？ タグの知識やスタイルシートに関しての知識はほとんどありません。 分かりやすく教えて下さると大変ありがたく思います。
- ベストアンサー
- HTML
- リストの番号と項目の間
リストの番号と項目の間が空いているのがきになるのですが、 ＣＳＳなどで狭める方法はありますか。<OL><LI>タグのとき 120. 投稿カテゴリー で番号と「投」の字の間が開きすぎなのです。
- ベストアンサー
- HTML
- 行間の調整方法を教えてください
ブログのテンプレートをカスタマイズしてる中で、やり方が分からないところが出てきました。 <ul style="line-height:200%;"> <li>あああああああああああああああああ</li> <li>かかかかかかかかかかかかかかかかかかかかかかかかかかか</li> <li>さささささささ</li> </ul> 上記 ｈｔｍｌ は下図のように表示されます。リストが途中で折り返されるのは幅が広くとっていないからです。なお、数字は説明の便宜で付けています。 図で行間が均一になっています。 リストの間を、つまり、 「2と3の間の行間」、「5と6の間の行間」をもう少し広くしたいと思います。 その方法を教えてください。
- ベストアンサー
- ブログ
- CSSで改行後の行間調整
<P> あああああああああああ。<BR> いいいいいいいいいいいいいい いいいいいいいいいいいい。<BR> ううううううううう。 </P> のように段落の中で文の間だけ行間に余裕をもたせたいです。 <P>の行間設定だと「い」のように長い文で折り返した際にも行間が空いてしまうので別の方法を模索してます。 どうにかなるでしょうか？ それとも文ごとに<P>にするしかないでしょうか？
- 締切済み
- HTML
- パラグラフ間の行間をつめるには
ウェブサイトの文章をWordにコピーしましたが、パラグラフと次のパラグラフの行間が2倍になっていてこの行間を詰めたいのですが、どうすればよいのでしょうか。通常これをつめるにはあいだにカーソルを持っていってDeleteをおしますが、行間にカーソルが持って行けません。 「書式」「段落」「固定値」でも文章間隔は少し縮みますが行間は縮みません。
- ベストアンサー
- Windows XP
- 段落の高さを調節することは出来ますか？
はじめまして、SyuNeといいます。 段落と段落との間をスタイルシートか何かで広げたいのですが、そういうことって可能なのでしょうか？ やっぱり行間しか高さ調節は出来ないのでしょうか。 もし段落の高さを変える方法を知っていればどなたかぜひ教えください。
- 締切済み
- HTML
- リストで間が開いてしまう・・・
xhtml&cssでサイト作成を行っているのですが、 リストをインラインでならべて、 list-style-type: none; でリストの黒丸を消して、 そこに画像を入れてならべようと思ったのですが、 画像と画像の間に隙間が開いてしまいます。 ソースはこちらです。 ---XHTML------------------------- <div id="@"> <ul> <li> <img src="@" /> </li> <li> <img src="@" /> </li> <li> <img src="@" /> </li> </ul> </div> ----XHTML---------------------------------- ----CSS------------------------------------ div#@@@@ ul{ display: inline; list-style-type: none; margin: 0px; padding: 0px; } div#@@@@ li{ display: inline; list-style-type: none; margin: 0px; padding: 0px; } ----CSS------------------------------------ 念のために、ulとliの両方を指定しておきました。 (通常は、liだけでよいです。） このとおりになるのですが、 これで、隙間をなくす方法を知っていたら教えてください！ お願いします！
- 締切済み
- HTML
お礼
li {line-height: 1.5em; margin-top: 0.5em;} で、できました。 ありがとうございました。