Webサイト制作において、レイアウトを効果的に制御するためには様々なCSSプロパティが重要ですが、中でもdisplayプロパティは最も基本的かつ強力なプロパティの一つです。このプロパティは要素がWebページ上でどのように配置され、レンダリングされるかを ...

例えばカードで、見出しが1行・3行、本文の量が多かったり少なかったりする場合、それぞれの高さを揃えるのは非常に難しく、かなりトリッキーな実装が必要でした。もしくは、JavaScriptを使用しなくてはできなかった実装です。 こういったレイアウトを ...

Webページをレスポンシブ対応にする時、悩ましいコンテンツの一つがテーブルではないでしょうか。単にセルの幅を狭くするだけでは、一行に一文字しかない妙に縦長なテーブルになってしまいます。 省略したり、プルダウンを利用したりなどいろいろな ...

基本的にスマホとか、PCとかscrollさせる系の内容があんまり好きではなくて、 サイト構築時にCSSの制御でtableをscrollさせないように設定してます。 チョットした内容でスクロール行っちゃうのムカつくし。 でもたまぁぁぁぁぁぁぁに、ほんとたまに、 scroll ...

tableの幅を均等に指定する方法を解説。HTMLのtable要素で作成した表の列幅は、CSSのtable-layoutプロパティで均等に指定できます。ウインドウいっぱいに均等配分することも、一部の幅を固定した上で残りを可変長にして均等配分することも可能。標準では各 ...