読者です 読者をやめる 読者になる 読者になる

css display:inline-blockの便利さが分かりました

css

inline-blockすごい便利だった。今日やっと意味が分かった。例えばspanとかのinline要素はwidthとか設定しても適用されないけど、かと言ってdivとか使うと改行されちゃうし困った、ってときにinline-blockを使うとwidthが適用されかつ改行もされないことが分…

css div内のある要素だけ余白を無視したい場合はネガティブマージンを使えばよい

css

例えばdiv内に15pxのpaddingが設定されていてその中にimgタグを入れるケースでimgタグだけ15pxのpaddingの設定を無視したい場合、imgタグに-15pxのmarginを設定してやれば、imgタグにはpaddingが適用されなくなる。

css display:table display:table-cell について

css

floatとか使わなくてもtableのように分割できて便利。vertical-alignも使える。後でまとめること。

bootstrap ドロップダウンメニューがパネルの下に隠れてしまう件

z-indexも効かず、1時間はまったので(いや正確には昨日の夜これが分からなくてそのまま寝てしまったので実際は4時間は無駄にした。でもそのおかげで睡眠がとれたから±2時間のマイナスとしておこう。と思ったけど本当はその後8km走るはずだったし損失はそこそ…

YUI Compressor を使ってCSS&Javascriptを圧縮する手順

YUI Compressorのサイト YUI Compressorダウンロードページ Releases · yui/yuicompressor · GitHubコマンドプロントで以下を実行してusageが表示されること。 java -jar yuicompressor-2.4.8.jar CSSを圧縮 java -jar yuicompressor-2.4.8.jar myfile.css -…

<!DOCTYPE>タグの定義によってデザインが変わる件

css

一時間はまった。 この定義だと font-size:500%;が適用されるけど この定義だと font-size:500%;が適用されない。今後はDOCTYPEを舐めないこと。

css はみ出た文字を...表示したい

css

以下で出来たのでメモ overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;と思ったらIE11で表示されない。css - text-overflow:ellipsis doesn't work on IE - Stack OverflowどうやらIE11だとテキストの前に<br>があると表示されなくな…

テーブルにpaddingを設定しても間隔が変化しない場合、line-heightを調整すること

css

くだらないことで20分くらい悩んでしまった