Html 在顶部对齐表数据
我想在顶部对齐表格数据。例如 数据--我想在顶部对齐它 文本….-其中包含大量文本,使第一个表数据位于中心 像这样:Html 在顶部对齐表数据,html,css,html-table,Html,Css,Html Table,我想在顶部对齐表格数据。例如 数据--我想在顶部对齐它 文本….-其中包含大量文本,使第一个表数据位于中心 像这样: klasdjlkasjdlsakjdlk kldjaslkdjsadkjasldj dlasjidlaskdjlaksjdl asdasd ajsdlkasjdlaskjdlkas laksjdlaksdjsalkdjak adlksjdlasjd
klasdjlkasjdlsakjdlk
kldjaslkdjsadkjasldj
dlasjidlaskdjlaksjdl
asdasd ajsdlkasjdlaskjdlkas
laksjdlaksdjsalkdjak
adlksjdlasjdkasjdlka
我希望它是这样的
asdasd klasdjlkasjdlsakjdlk
kldjaslkdjsadkjasldj
dlasjidlaskdjlaksjdl
ajsdlkasjdlaskjdlkas
laksjdlaksdjsalkdjak
adlksjdlasjdkasjdlka
有什么想法吗?在您的
css
td
垂直对齐:顶部
和文本对齐:左侧
td{vertical-align:top;text-align:left;}
不带css
<td valign="top" align="left"> // here your data </td>
//这里是您的数据
这只是一个标准的HTML表格吗
<td valign="top">text</td>
文本
以下是如何在没有CSS的情况下实现这一点:
<table width="100" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
asdasd
</td>
<td>
klasdjlkasjdlsakjdlk
kldjaslkdjsadkjasldj
dlasjidlaskdjlaksjdl
ajsdlkasjdlaskjdlkas
laksjdlaksdjsalkdjak
adlksjdlasjdkasjdlka
</td>
</tr>
</table>
asdasd
klasdjlkasjdlsakjdlk
kldjaslkdjsadkjasldj
dlasjidlaskdjlaksjdl
ajsdlkasjdlaskjdlkas
laksjdlaksdjsalkdjak
adlksjdlasjdkasjdlka
最好使用CSS来实现这一点,而不是内联,因为这样您将拥有更大的灵活性,而且您的代码将更精简,更易于阅读
如果您只想为特定的单元格做它,那么考虑使用类。
对于内联(不推荐),请使用以下命令:<td valign="top">...</td>
我可以不使用css来做这件事吗?或者在标签内部?仅供参考,Css是更好的选择,我认为HTML5不支持valign
td { vertical-align: top; }