tipsとtableに関するjiwer5959のブックマーク (2)
-
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
-
nth-child() 疑似クラスを試してみる 2008-05-26 0 0 XHTML/CSS CSS, nth-child CSS3で定義される nth-child() 疑似クラス。これが使えるようになると,HTMLファイル,CSSファイルのメンテナスが楽になるだろうな...と思うのです。 どんな具合か,ちょっと試してみました。 nth-child() 疑似クラスとは 英文ですが,詳細は以下から。W3Cの Working Draft︵草案︶ですので,今後変更されることがあるかもしれません。 Selectors - 6.6.5. Structural pseudo-classes - :nth-child() pseudo-class その要素が何番目の子要素かによって,該当するものにだけ,CSSをあてることができます。 たとえば,セレクタにul li:nth-child(2n),または
-
1