Я хочу выровнять текст в по верхнему краю

#html #css

#HTML #css

Вопрос:

У меня есть следующий код

 <table style="height: 275px; width: 188px">
    <tr>
        <td style="width: 259px;">
            main page
        </td>
    </tr>
</table>

Главная страница отображается в центре ячейки, я хочу, чтобы она отображалась вверху.

Ответ №1:

https://developer.mozilla.org/en/CSS/vertical-align

 <table style="height: 275px; width: 188px">
    <tr>
        <td style="width: 259px; vertical-align:top">
            main page
        </td>
    </tr>
</table>

Ответ №2:

Добавьте vertical-align свойство в TD, вот так:

 <td style="width: 259px; vertical-align: top;">
main page
</td>

Ответ №3:

Используйте <td valign="top" style="width: 259px"> вместо этого…

1. Я не согласен, поэтому и спросил. Я рассматриваю это как стилизацию, поэтому следует использовать атрибут style.

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

3. Мне просто интересно, знаете ли вы что-то, о чем я не знал, вот и все

4. <td valign="top" width="259"> было допустимым решением до появления CSS.

5. Для тех, кто читает это сейчас, valign не поддерживается в html5, поэтому было бы лучше использовать CSS вместо этого.

Ответ №4:

Я столкнулся с такой проблемой, посмотрите на картинку ниже

и вот его HTML

 <tr class="li1">
    <td valign="top">1.</td>
    <td colspan="5" valign="top">
        <p>How to build e-book learning environment</p>
    </td>
</tr>

поэтому я исправляю это, изменяя атрибут valign в обоих td тегах на baseline

и это сработало

вот результат

надеюсь, это поможет вам

1. Этот ответ плохой. valign не поддерживается в HTML5 и больше не должен использоваться. Используйте CSS vertical-align или какое-либо другое исправление CSS.

2. valign работает для меня. выравнивание по вертикали — нет.

Ответ №5:

вы можете использовать valign="top" в теге td, у меня это работает идеально.