タグ

2016年11月2日のブックマーク (1件)

  • スマホサイト制作 table-cellレイアウトとtext-overflow | hijiriworld Web

    「tableはダサいからdivを使おう!」とよく聞かれたのは5年前くらいからでしょうか。 それ以後、divにfloatを設定してレイアウトを組むのがスタンダードになりました。 ただし、floatというプロパティを正しく理解していない人はけっこう苦労したはず。 *floatについての正しい理解はこちらの記事を参考のこと > IE6の呪縛 フロート(float)を正しく理解する ということで、floatというプロパティを正しく理解してclearfixをきちんと使えるようになると、floatレイアウトは楽勝になってきます。 ですが、このfloatレイアウトはマークアップが複雑になりがち。 可変レイアウトを基とするモバイルファーストのWeb制作においては特に。 以下のようなレイアウトをもっとスマートに記述できないものか? 「display: table」と「display: table-cell

    k_gobo
    k_gobo 2016/11/02
    "これを解決する方法は、table-cellに対してmax-widthを設定してあげれば良いです。"なんでや……!