установить высоту td в высоту текста

Я хочу, чтобы мои элементы совпадали с вершиной (элементы в таблице). Теперь у меня есть:установить высоту td в высоту текста

xxx yyy zzz 
    yyy 
qqq fff ggg

и я хочу:

xxx yyy zzz 
qqq yyy ggg 
    fff

код:

<html> 
<style type="text/css"> 
td {vertical-align:top;padding-right:30px;width:20px;} 
th tr {width:220px;} 
</style> 
<table border="0"> 
    <tbody> 
     <tr> 
      <th>header</th> 
      <th>header</th> 
      <th>header</th> 
     </tr> 
     <tr> 
      <td>td1</td> 
      <td>td2 bla bla bla bla bla bla blablablablablablablablablablabla</td> 
      <td>td3</td> 
     </tr> 
     <tr> 
      <td>td1</td> 
      <td>td2</td> 
      <td>td3</td> 
     </tr> 
    </tbody> 
</table> 
</html>

У меня есть скрипку: the fiddle

Заранее спасибо

источник

2012-01-04 lmkk

не возможно ... – PeeHaa

как я должен затем сделать это? отбросить стол и сделать это как div's ?? – lmkk

См. Мой ответ :) – PeeHaa

Если вас не беспокоит содержание, оставшееся в позиции x/y, оно установлено в таблице, я предполагаю, что это не табличные данные, и поэтому вы не должны использовать таблицу.

Поэтому я рекомендовал бы использовать DIV-х и CSS позиционировать этот контент

http://www.vanseodesign.com/css/3-column-css-layout/

источник

2012-01-04 17:01:01 Curt

Он по-прежнему может быть табличным. Особенно, когда я замечаю, что есть заголовки. – PeeHaa

Это могут быть заголовки столбцов. Как «Последние новости» и т. Д. Я никогда не слышал о табличных данных, которые переместились бы на запись выше только потому, что она пустая. – Curt

Это могут быть не табличные данные, но ваше предположение неверно. 'rowspan' /' colspan' есть по какой-то причине :). Опять вы можете быть правы. – PeeHaa

Это невозможно (по крайней мере, не так, как вы его настроили).

Вы не можете «разбить» строки таблицы. Вот как работают таблицы.

Единственное, что я могу придумать, это использовать rowspan, но я не знаю, поможет ли это вашему конкретному делу.

http://jsfiddle.net/ws6Aj/1/

Update

Обратите внимание Curt's answer, следует ли использовать таблицу или нет.

источник

2012-01-04 16:56:22 PeeHaa

Использование опции «rowspan» - это параметр, но тогда вам нужно будет явно задать высоту строки. В этом случае 'tr: first-child + tr {height: 1.2em; } 'будет делать это. Значение '1.2' должно быть заменено на любое значение, присвоенное' line-height' (но если для него не было установлено значение, '1.2' должно работать разумно). –

@ JukkaK.Korpela, что такое 'высота' для? – PeeHaa

без браузера настройки высоты могут сделать строку настолько высокой, что перед следующей строкой будет слишком много места по сравнению с желаемым отображением здесь. –

Содержимое вашей камеры : выровнено по центру. Кажется, вы хотите переместить некоторое содержимое в ячейки второй строки вверх. Для этого переместите содержимое в первую строку.

источник

2012-01-04 17:00:24

установить высоту td в высоту текста

ответ

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