Question

我无法将此列表左对齐

    <table width="100%">
    <tr>
        <td align="center">
            <asp:Panel ID="Panel1" runat="server" BackColor=White Height="604px" 
            Width="493px" >

                <ul align=left style="left:-60px;background:Black">
                    <li>Coffee</li>
                    <li>Milk</li>
                </ul> 

            </asp:Panel>
       </td>
    </tr>
</table>

Answer 1

我同意Datoon，如果它是非表格数据，那么将它放在常规div中可能是值得的。但是，以下内容将使您的文本与左侧对齐。

<ul style="background:Black; text-align:left;">
   <li>Coffee</li>
   <li>Milk</li>
</ul>

Answer 2

我知道这可能听起来很奇怪，但你为什么要使用表而不是div？这是具体的数据布局表格吗？

通常你会使用div来表示无表格数据。

所以你可以做到以下几点：

<div style="float:left">
Your list items here.
</div>
<div style="float:right">
Some other content here.
</div>

请记住在以下情况之后执行以下操作：

<div style="clear:both"></div>

Answer 3

将以下CSS规则添加到父<div>将使其正确对齐：

div {
    text-align: left;
}

你可以看到它in action here。

左对齐居中表内的列表

3 个答案: