nowrap

12熱

2答えて

最新のChromeアップデートでは、要素のtext-overflow: ellipsis;を使用してwhite-space: nowrapが更新されています。 nameクラスにハードコーディングされた幅を追加することなく、これを修正する方法.. <h1>problem</h1> <div class="container"> <div class="name"> <div c

0熱

1答えて

IE cssのワードラップ

スパンタグに "white-space：nowrap"というプロパティを適用しようとしました。それはすべてのブラウザでうまく動作しますが、IEとEdgeでは単語が壊れます。私はすべてのコンテンツを同じ行に表示する必要があります。プロパティ "break-word：nowrap"を設定しようとしましたが、うまくいかないようです。どのように私の問題をCSSで解決できますか？

1熱

1答えて

nowrapでフレックスのスクロール動作

フレックスをnowrapで使用すると、スクロールバーでは右に移動できますが、左のアイテムは非表示のままです。問題を表示するためのdoceopenの例を作成しました。 http://codepen.io/anon/pen/QpgvoZ 以下のケースでは、水平スクロールバーは右側にしか動作しませんが、左側のアイテムは単に隠されており、到達できません。 ChromeとFFでこの現象が発生しました（IE

18熱

3答えて

CSSでテキスト要素以外の要素が使用されていますか？

divのコンテンツをラップするのを避ける方法はありますか？コンテンツが単なるテキストではない場合、例えばのコンテンツです。いくつかのボタン？

5熱

1答えて

フレックスボックス - "ラップなし"テキストの流体列

私は3つの列を持つフレックスボックスレイアウトを設定しようとしています。左右の列の幅は固定されています。中央の列には、使用可能なスペースを埋めるための流体幅がありますが、長いテキストが含まれています。ラップしてはならず、省略記号を使用してください。残念なことに、折り返しされていないテキストは、列が空き領域を取る能力を提供せず、親要素の境界を越えてレイアウト全体をプッシュします。 img {

0熱

1答えて

背景画像ドロップダウンリストのテキストの右揃え

基本的に、矢印がドロップダウンリストのテキストの右側に揃うように、次のような結果が必要です。しかし、私の説明が十分に明確でない場合は、最も長いテキスト:( のために下に整列私の矢印は、あなたのいくつかは、いくつかを私に提供することができることを期待して、お問い合わせくださいアドバイスのおかげ FYI：。！私は改行を防ぐためにwhite-space:nowrap;を使用。 210 ul { li

0熱

1答えて

空白を含むインラインブロック要素間のギャップ：nowrapとoverflow：スクロール親要素

テーブルが長いためオーバーフローをスクロールするテーブルを表示したかったのですが（divを使用しています）私が得ている問題は、私の部門間に未知のギャップがあることです。ここに、スニペットがあります：列（divs）間の不要なギャップの原因は何ですか？興味深いことに .mobile-cross-reference { border: 1px solid #2980b9;

2熱

2答えて

ChromeでのCSSハイフンの動作の変更55.0.2883.95

"ハイフン"を "auto"に設定すると、 "white-space：nowrap"よりも優先順位が高くなるようです。 Chromeの以前のバージョン（Macでは54以前）や他のブラウザ（FF、Safari、IE）では、ハイフンよりも「ホワイトスペース：nowrap」のように見えます。したがって、white-space：nowrapとtext-overflow：省略記号を指定すると、ハイフンの設