Почему текст опускается до нижней части ячейки таблицы? - PullRequest
Новая
       37

Почему текст опускается до нижней части ячейки таблицы?

2 голосов
/ 25 июля 2011 
<table>
<tr>
    <td>
        random text here
        <textarea value=""></textarea>
    </td>
</tr>
</table>

В браузере текст находится внизу.Как мне сделать его центром или вершиной?вертикальное выравнивание на TD не работает.

Ответы [ 2 ]

1 голос
/ 25 июля 2011

Текст отображается вдоль линии.Встроенные элементы (такие как текстовая область) также отображаются в этой строке.

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

Вы хотите изменить положение текстовой области в этой строке, но вы можете сделать это: 

textarea {
    vertical-align: middle; /* other values are available */
}
0 голосов
/ 25 июля 2011

gathcea:

Вы можете поместить текст в строку выше: 

<table>
    <tr>
      <td> 
        <p>random text here</p>
      </td>
    </tr>
    <tr>
      <td>
        <textarea value=""></textarea>
      </td>
    </tr>
</table>

Или использовать разрыв строки, чтобы поместить текстовую область под ним: 

<table>
    <tr>
      <td>
        <p>random text here</p>
        <br />
        <textarea value=""></textarea>
      </td>
    </tr>
</table>
...