TOP  >  レイアウト

2011年12月05日 17:48

Firefoxで長い半角文字列が折り返されない(改行されない)現象の回避法

IEで長い半角文字列の文章を折り返したい場合、
「word-break:break-all」
を指定して折り返すようにしますが、
Firefoxの場合は対応していなかったので、
JSを使ったりという対応をしていました。

ですが以下のコードで、
Firefoxで長い半角文字列が折り返されない(改行されない)現象を
回避することができます。


word-wrap: break-word;

2009年06月16日 01:13

display : inline-blockで横並びのボックスの高さを合わせる

CSS 2.1 で定義されている display プロパティの値の一つ

display : inline-block

この指定をすることでfloat:left等で指定した横並びのボックスの行の高さを、
一番高さが高いボックスの高さに揃えることができます。

2009年06月01日 01:34

Firefox、Safariでdivの背景が正しく表示されない現象の回避法

FirefoxやSafariで、
『親要素に背景画像や背景色を指定して子要素でfloatが行われている場合
親要素の背景画像や背景色はfloatが行われない子要素までにしか反映されない』
という挙動の回避法です。

TOP  >  レイアウト




正当なCSSです!