display:inline-blockがけっこう便利。>>display:inline-blockがけっこう便利。Tweetカテゴリ:CSSタグ:CSSinline-block小さいブロック要素とかを横並びにさせたいときとか、inline-block使うと便利なんですよね。幅も高さも指定できてしまう要素にみせることができるinline要素になるというのがとても便利。block要素にして、floatさせて横並びにさせる、そして並ぶ要素を終わらせたあとはclearをして...なんてことをしていると、指定が多くなってしまうんですよね。inline-blockを使うと、そんなことしなくても簡単に並べちゃうってのはいいですよね。そのinline-blockは、IEやFirefox2などのオールドブラウザだとうまく動作しないことの方が多い。今では使えるようになっているブラウザが多いのですが、IEや以前のブラウザを気にすると、使いどころが少なかったりもする。inline-blockinline-blockのオールドブラウザやIEについての動作は、参考としているサイトを見てもらいたい。使えたり使えなかったり...いろいろ考えるよりblock指定してfloatさせて、最後にclear入れたほうが楽なのかも...なんて思ってしまいます。事実、オールドブラウザ対応にさせるなら、そのほうが明らかに作業工程が少なく早くなると思う。崩れる原因を作ってしまうよりも、できるだけ原因にならないCSSを指定したほうが、早いですものね。none;}■プレビュー1234567上記のプレビュー、モダンブラウザ(Fx3,Safari,Opera,Chrome)表示するとこうなる。IE8も上記に近いものになるが、liを改行して書いているため、通常なら上記のようにliごとに隙間ができるが、IE8は隙間がない(おそらく)。IEなどで表示すると、下画像のようになる。IEなどでも表示させるには、inline指定と、hasLayoutをtrueにする指定など(zoom:1;など)入れることで表示できるらしい。いずれにせよ、inline-blockは今後便利になってくると思われます。[必須入力]※画像の中の文字を半角で入力してください。私も時事ネタなどの情報を発信したいと思い。いろいろなブログなどからいい情報を発信したいと思いました。非常に便利ですが、IEで上手く動かないことがあります。ブロック要素に対しては効かなかったりするようです。reserved.×この広告は180日以上新しい記事の投稿がないブログに表示されております。