Herkes sarma bir tablo hücresine metin engelleyebiliyorum nasıl biliyor mu? Bu tablonun Başlığı, başlık çok altında veriler daha uzun, ama bu sadece bir hat üzerinde görüntülemek istiyorum. Eğer sütun çok geniş olursa iyi olur.

Benim HTML (basit) tablo bu gibi görünüyor:

<table>
  <thead>
    <tr>
      <th>
        <div>Really long column heading</div>
      </th>
      <th>
        <div>Really long column heading</div>
      </th>
      <th>
        <div>Really long column heading</div>
      </th>
      <th>
        <div>Really long column heading</div>
      </th>
      <th>
        <div>Really long column heading</div>
      </th>
      <th>
        <div>Really long column heading</div>
      </th>
      <th>
        <div>Really long column heading</div>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <div>data</div>
      </td>
      <td>
        <div>data</div>
      </td>
      <td>
        <div>data</div>
      </td>
      <td>
        <div>data</div>
      </td>
      <td>
        <div>data</div>
      </td>
      <td>
        <div>data</div>
      </td>
      <td>
        <div>data</div>
      </td>
    </tr>
  </tbody>
</table>

Sebep sayfasında javascript ile ilgili için th etiketinin içinde bir div sarılmış kendisi gidiyor.

Tablo başlıklarını birden fazla satıra kaydırma ile çıkıyor. Bu tarayıcıyı yatay kaydırma önlemek için çalışıyor gibi masa yeterince geniş olur gibi görünüyor. Benim durumumda olsa da, yatay kaydırma istiyorum.

Herhangi bir fikir?

white-space özelliği, bu gibi kullanılan bir bak:

th {
    white-space: nowrap;
}

Bu <th> içeriğini tek bir satırda görüntülemek için zorlar.

Bağlantılı sayfa, buradan white-space çeşitli seçenekler:

normal
Bu değer, kullanıcı arayüzleri boşluk dizileri daraltmak için yönlendirir ve gerektiğinde satır satır kutuları doldurmak için mola.

pre
Bu değer boşluk dizileri çöken kullanıcı arayüzleri engeller. Çizgiler sadece korunmuş yeni satır karakterleri de kırılmış.

kısmını kaplayacak
Bu değer,'', ama metin içinde Satır sonları bastırır normal olarak boşluk daraltır

pre-wrap
Bu değer boşluk dizileri çöken kullanıcı arayüzleri engeller. Satır satır kutuları doldurmak için gerekli olduğu gibi korunmuş yeni satır karakterleri de kırılmış, ve.

ön hat
Bu değer, kullanıcı arayüzleri boşluk dizileri daraltmak için yönlendirir. Satır satır kutuları doldurmak için gerekli olduğu gibi korunmuş yeni satır karakterleri de kırılmış, ve.