IE10でのみ長文のテキストがflexboxを指定しているときに文字が折り返されず横にはみ出してしまう現象があります、
chromeやfirefoxなどではflex-shrinkプロパティの基本の値が1担っていますが、
IEでは、flexプロパティが未指定の場合「flex:0 0 auto;」が適用されているため、
flexコンテナの幅に応じて縮小ができず、文字がはみ出してしまうことになります。
なので、対処法は、ベンダープレフィックスを付けて、IE10用にflex-shrinkプロパティが1になるよう
以下の記述をしてあげることで解決します。
|
1 |
-ms-flex: 0 1 auto; |
この記事を見た人は次の記事も見ています。
Textareaの文字制限の設定
CSSとは？
メールの仕組みを見てみます。その③
wordpressでのコンタクトフォーム作成「Contact Form7」
html検索窓
メディアクエリ
widthでtableの幅がうまく指定できない時
illustratorパス上文字ツール
第三回「PS Auto Sitemap」
要素の中身が空の場合、非表示
画像のパス化・色変え
display: box
server:さくらサーバーでphpを動かす
youtube埋め込みjQueryプラグイン 「Boxer」の使い方
第十九回「WordPressの無駄な画像整理と効果」
Flexboxのプロパティ（flex-grow、flex-shrink、flex-basis)
WordPressのアーカイブページの1ページ目の表示記事数を変更
IEでWebフォントを表示させる- CSSのinitial
検索窓に薄いテキストを入れて、何を入力すべきかわかりやすくする
コメント