CSS
IEでリストの上下に謎の空白がある時の解決方法
vertical-align:text-top; 中の要素にfloatを使っていると高確率でなります。その時はこいつを指定すれば解決です。bootstrapのプルダウンがスマホだけ動かない時
PCだとdisplay:none;がついていても動くがスマホだと非表示のまま切り替わらない。 <ul aria-labelledby="dropdownMenu" role="menu…
IEでmax-width,max-hightを使い元々の縦横比に基づいて画像をリサイズする方法
cssでmax-width,max-heightのみを指定するのではなく img { max-width: **px; max-height: **px; width: auto; height: auto; } とする…inline-blockで任意の位置で自動的に改行する
<style> .inline-block{ display:inline-block; } </style> <p>PCでも<span class="inline-b…
position:absoluteでhtmlの構造と関係ない位置にレンダリング
JavascriptでダイアログとかD&Dオブジェクトとか作ってると必ず出てくる CSS属性 「position」。 position:absolute座標で指定した位置に左上を合わせてオブジェクトがレンダリング…リスト（inline-block）の改行には注意
今回トップページとマイページにタブメニューを追加し、より見やすくしました。その時にどちらもソースコードはおなじなのに、タブの両サイドのスペースが明らかに違う…ということがありました。 原因は「display:inline…codeタグに横スクロールをつける
code{ overflow-x:scroll; } コードが長いときに改行されず突き抜けていたので、横スクロールを設定し対応しました。