inline-blockの隙間をなくす方法 - Qiita
display:inline-blockで要素を並べると余計な隙間ができてしまうので、 簡単に隙間をなくす方法を紹介します。 親要素にfont-size:0;を指定する 横並びにしたい<li>タグを1行で書いたり、letter-spacingを調整したりなど、 いくつかの解決方法がありましたがこの方法が一番楽でした。 display:inline-blockの隙間問題はテキストの改行が原因で起こるので、 inline-blockを使った要素の親要素にfont-size:0;を指定すると改善されます。 <ul class="wrap"> <li class="inline-block"> テキストテキストテキストテキスト </li> <li class="inline-block"> テキストテキストテキストテキスト </li> <li class="inline-block"> テキストテ
インライン要素＜span＞を中央寄せにする方法 | ダーフク.com
サイトを作成中、どうしても＜span＞テキスト＜/span＞の部分を中央寄せにすることができませんでした。ぐぐってもなかなか目当ての書き方が掲載されているサイトがありませんでした。 どうやら、＜span＞を＜div＞にしなければ中央寄せにならないようです。しかし、諦めずに調べ続けた結果、＜span＞内のテキストを中央寄せにする方法を見つけることが出来ました。 { display: inline-block; width: 100%; text-align: center; } 環境によって異なると思いますが、私の場合はこの書き方で中央寄せにする事が出来ました。中央寄せにするといえば、div を作り CSSで margin: 0 auto; にしたり、div align:center; でほとんどのケースは中央寄せにする事ができます。 しかし、プロパティにdisplay: inline-bl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSレイアウトを学ぶ