HTML DOM TD / й VALIGN собственности
Определение и использование
VALIGN наборов свойств или возвращает вертикальное расположение данных в пределах ячейки.
грамматика
Настройка свойств VALIGN:
tdObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
Назад свойства VALIGN:
tdObject.vAlign
或者
thObject.vAlign
或者
thObject.vAlign
值 | 描述 |
---|---|
baseline | 与基线对齐。 |
bottom | 对内容进行下对齐。 |
middle | 对内容进行下对齐。 |
top | 对内容进行上对齐。 |
Поддержка браузеров
Все основные браузеры поддерживают свойство VALIGN
примеров
примеров
В следующем примере изменяется вертикальное расположение элементов внутри данных:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
. Document.getElementById ( 'TD1') VALIGN = "сверху";
document.getElementById ( 'td2') VALIGN = "сверху" .;
. Document.getElementById ( 'Td3') VALIGN = "сверху";
}
</ Script>
</ Head>
<Body>
<Таблица ширина = "50%" граница = "1">
<Tr>
<Th> Firstname </ й>
<Th> Lastname </ й>
<Th> Текст </ й>
</ TR>
<Tr>
<Td ID = "TD1"> Петр </ TD>
<Td ID = "td2"> Griffin </ TD>
<Td ID = "Td3"> Здравствуйте, меня зовут Питер, мне нужно, чтобы продемонстрировать длинный текст, мне нужно, чтобы продемонстрировать длинный текст. </ TD>
</ TR>
</ Table>
<br>
<Кнопка тип = "кнопка" OnClick = "displayResult ()"> Align содержание вверх </ Кнопка>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
. Document.getElementById ( 'TD1') VALIGN = "сверху";
document.getElementById ( 'td2') VALIGN = "сверху" .;
. Document.getElementById ( 'Td3') VALIGN = "сверху";
}
</ Script>
</ Head>
<Body>
<Таблица ширина = "50%" граница = "1">
<Tr>
<Th> Firstname </ й>
<Th> Lastname </ й>
<Th> Текст </ й>
</ TR>
<Tr>
<Td ID = "TD1"> Петр </ TD>
<Td ID = "td2"> Griffin </ TD>
<Td ID = "Td3"> Здравствуйте, меня зовут Питер, мне нужно, чтобы продемонстрировать длинный текст, мне нужно, чтобы продемонстрировать длинный текст. </ TD>
</ TR>
</ Table>
<br>
<Кнопка тип = "кнопка" OnClick = "displayResult ()"> Align содержание вверх </ Кнопка>
</ Body>
</ HTML>
Попробуйте »
TD / й объекты