Вертикальный расширяющийся стол

Я новичок в HTML и CSS, и у меня есть проблема с моим расширением по горизонтали, в то время как я хочу, чтобы он расширялся вертикально. Я исправил ширину Th, но он ничего не решает. Это мой код.Вертикальный расширяющийся стол

<div id="resBox"> 
    <table id="resTable"> 
      <tr> 
       <th class="frame">a</th> 
       <th class="frame">b</th> 
       <th class="frame">c</th> 
       <th class="frame">d</th> 
       <th class="frame">e</th> 
      </tr> 
    </table> 
</div>

Всякий раз, когда th содержит длинную строку, он расходует меньшее количество остальных кадров.

Это код CSS:

#resTable{ 
width:100%; 
margin:auto;} 

.frame{ 
width:19%; 
border: 1px solid black;}

Спасибо.

источник

2012-06-11 Majid

http://jsfiddle.net/3M7px/ Посмотрите, потому что я предполагаю, что код, который вы нам дали, работает. Или, может быть, это не должно выглядеть так? –

Это так странно. Спасибо. – Majid

Добро пожаловать; D У вас есть несколько других стилей, которые перезаписывают те, которые вы нам показали :) –

Написать этот CSS -

table th{ 
    width: 100px; 
    word-wrap: break-word; 
    display: inline-block; 
    border: 1px solid #f00; 
}

Демо: http://jsfiddle.net/Scec9/3/

источник

2012-06-11 14:16:45 Dipak

http://jsfiddle.net/Scec9/1/ Что делать, если это единственная непрерывная строка? – MetalFrog

@MetalFrog проверить обновленную демо – Dipak

Имейте в виду, что изменение '' '' '' '' '' '' '' '' '' inline-block' нарушает нормальную функцию таблицы (так что вы можете завершить некоторые действительно фанковые результаты). – MetalFrog

нет четких срезанные способов сделать это без привлечения той или иной форме кода позади или подобного, что может сделать вложенные строки, то это надолго непрерывные строки.

Ближайший вы получите что-то вроде вещей объясняется в этой статье:

http://www.cs.tut.fi/~jkorpela/html/nobr.html

Однако эти методы, вероятно, будет слишком багги.

источник

2012-06-11 14:33:03 JaggenSWE

Чтобы уточнить, это для CONTINOUS длинные строки без пробелов. Как только вы реализуете пустое пространство, он будет отлично разорваться с уже имеющейся разметкой. :) – JaggenSWE

Вертикальный расширяющийся стол

ответ

Смежные вопросы