Soru Metin öğeleri dışında CSS artık mı?


Bir sarımı önlemek için bir yolu var mı div'ler içerik sadece metin değil, ör. birkaç düğme?


18
2018-04-06 23:56


Menşei


demek istiyorsun overflow: hidden? Lütfen "sarma" nın ne anlama geldiğini bildirin - benams
"sarma", beyaz boşluk anlamına gelir: nowrap; metin olmayanlar için çalışmaz, içerik sarılır (1'den fazla satır alır) - cur4so
Lütfen bir durumu gösterin white-space: nowrap düğmeler için çalışmıyor. Button Öğeler, HTML ve CSS terimlerindeki metin içeriğidir. - Jukka K. Korpela
Eğer işe yaramazsa, eklemeye çalışın display: inline-block hala sarılı olan elementlere. Takip etmeli white-space: nowrap kural. Bunun yerine üst öğenin taşmasını değil, ana öğeyi yeniden boyutlandırması sorunuyla karşı karşıyayım. - Kamafeather


Cevaplar:


white-space:nowrap; hile yapmalı.

#foo {
  white-space:nowrap;
  width: 100px;
}
<div id="foo">
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
</div>

gösteri


26
2018-04-06 23:59



Demo tarayıcımda çalışmıyor (Chrome 60.0.3112.113). "#Foo" ya "overflow: hidden" eklemek zorunda kaldım. - Sven


Bu özellikleri CSS'de ayarlayabilirsiniz:

white-space:nowrap; ve max-width:something;


0
2018-04-07 00:02





Kullanarak diğer içerikler için statik pozisyonlar bildirebilirsiniz.

position:absolute;

-1
2018-04-07 00:00