A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
水平方向の隙間が消えるということは垂直方向に隙間があるという意味でしょうか?
よくあるパターンで、画像を文章のどの部分にあわせるかで失敗しているのでは?と推察します。
アメリカ生まれなhtmlなので、和文のように文字の下が決まっていません。ABCの下にあわせるbacelineパターンとygjのようにそれよりも下のピョコンとした下に合わせるbottomパターンがあります。
li img{
vertical-align:bottom;
}
を追加してみてください。
解決できないようでしたら、問題が再現できる最小限のソースの提示をいただけますか?
No.1
- 回答日時:
HTMLのソースを適当に隠して示してください。
<a href="">には関係ないはずです。
<ol>
<li><a href=""><img src="" width="" height="" alt=""></a></li>
<li><a href=""><img src="" width="" height="" alt=""></a></li>
<li><a href=""><img src="" width="" height="" alt=""></a></li>
</ol>
において、ol li{display:inline-block;}にすると空白があきます。これは、HTMLの仕様
【引用】____________ここから
特にユーザエージェントは、語間スペースの出力処理に際しては、連続する空白類の入力があった場合は1つにまとめてしまう必要がある。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Paragraphs, Lines, and Phrases (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
に起因することが多いからです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS インラインブロックの中のテキストを上下中央に合わせたい 1 2022/12/24 17:46
- リフォーム・リノベーション 石膏ボードに壁紙を貼るための下地のパテについて 4 2022/10/27 22:16
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- その他(メイク・美容) 鼻の形 名称、綺麗にする方法 1 2023/08/12 08:38
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- リフォーム・リノベーション ポリカプラダンで作った玄関引き内戸に隙間ができる。 4 2023/04/03 14:43
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- デザイン メディバンペイント。色塗りの失敗について。 1 2022/11/07 12:12
- DIY・エクステリア 1mmの幅にコーキング材を注入した 8 2022/08/05 21:04
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストマーカーをボックス内に...
-
<table>の高さ固定。情報増加時...
-
html/cssの、navを2段にする...
-
番号付きリスト(<Ol><Li>・・...
-
html <li>の中の文字一部に色を...
-
ol要素の番号とリスト項目の離...
-
htmlの<ol>タグで、数字などを...
-
画像横のテキストをセンターに...
-
レスポンシブWebデザインでリン...
-
HTMLで組織図を作成する方法
-
「・」(黒い点)を非表示にした...
-
CSS「table-cell」で横並びにし...
-
親ページ側からインラインフレ...
-
list-style-type部分だけ大きく...
-
CSS使用。表のセルの中で、強制...
-
CSS3グラデーションで、右端だ...
-
HTMLで画像を3つ並べる方法
-
横並びのボタンの背景を片方だ...
-
カルーセルスライダー「slick.j...
-
ulとliで囲った文字の一部を変...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
番号付きリスト(<Ol><Li>・・...
-
liタグの中に<p>タグやら<dl>を...
-
レスポンシブWebデザインでリン...
-
<table>の高さ固定。情報増加時...
-
<ul><li></li></ul>にするメリ...
-
リストの数字のフォントサイズ...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
divタグ内のコンテンツが重なっ...
-
画像にリンクを張ると画像がず...
-
複数行にまたがる括弧を表示し...
-
ページを開いているときのリン...
-
html <ul></ul>の並びで一行空...
-
html/cssの、navを2段にする...
-
HTML5のfooterに見出しを付けて...
-
<ul>~</ul>が二つ続くと間に改...
-
htmlの<ol>タグで、数字などを...
-
リンク文字同士の間隔を開ける...
-
CSSでつくったメニューのアニメ...
おすすめ情報