Как я могу выровнять свой текст с помощью CSS, чтобы он отображался в верхней части таблицы?

#css

Вопрос:

Я немного сбит с толку. Должен ли я использовать top или text-top? Я нашел ссылки на оба, но я не уверен, какую использовать. Все, что у меня есть, это простая таблица с двумя строками и двумя столбцами. Я бы хотел, чтобы текст был выровнен по верху и слева в каждой ячейке. Какой самый простой способ для меня это сделать? Могу ли я сделать это без большого количества CSS и использовать наследование?

Ответ №1:

В вашем css-файле настройте стиль td и добавьте vertical-align: top;
Это выровняет все данные между таблицами и в верхней части таблицы и выровняет по левому краю

Ответ №2:

попробуйте

 table td { vertical-align:top; float:left }

Ссылка:

выравнивание по вертикали

float

1. Использование float:left на самом деле вводит в заблуждение, поскольку оно применяет стиль к ячейке таблицы, а не к содержимому ячейки. Если вы хотите быть действительно разборчивым, вам не нужно указывать table td ни то, ни другое, поскольку все td элементы будут внутри таблицы.

2. @derekerdmann; смотрите OP , он пишет «Я бы хотел, чтобы текст был выровнен по верху и слева в каждой ячейке «. и ячейка таблицы не будет перемещена влево. при применении правила для td

3. Но table td { float:left } пытается переместить <td> , а не его содержимое.

4. @mu тогда мы можем использовать text-align:left вместо. это работает??

5. Если я не ошибаюсь, текст в таблицах по умолчанию выровнен по левому краю. Это проблема каждого браузера?

Ответ №3:

@TonyG; Возможно, вам нужно проверить jsfiddle.

для этого типа функциональности существуют разные селекторы, такие как :first-child , :last-child amp; nth-child() .

 td:nth-child(1){
    vertical-align: top;
}

Ответ №4:

Все, что вам нужно сделать, это добавить vertical-align: top; в свои td стили.

Вот очень простой пример: http://jsbin.com/usego3/2