asp.net - 如何在我的 ItemTemplate 元素中维护两种不同的对齐方式，每个子元素对应一种对齐方式？

Question

我有一个非常简单的 ASP.NET 网站。我正在从数据库中提取代码的所有数据。我想弄清楚为什么当我改变我的文字大小时，它会生效，但如果我改变文本对齐属性，它不会生效。这是代码:

<asp:DataList ID="DataList1" DataSourceID="AccessDataSource2" 
    runat="server" ItemStyle-CssClass="picTableStyle"
    DataKeyField="ID">
    <ItemStyle CssClass="picTableStyle"></ItemStyle>
    <ItemTemplate> 
    <br /><br />
        <table>
        <tr>
        <td colspan="2">

        </td>
        </tr>
        <tr> 
        <td><asp:Image ID="Image1" runat="server" ImageUrl='<%# "PlaceImages/" +
                 Eval("Image") %>' /><br />
            <asp:Label ID="Label1" class="picCaptionStyle" runat="server" Text='<%# 
                 Eval("Caption") %>' /></td>

        <td>
            <asp:Label ID="Label2" class="picTitleStyle" runat="server" Text='<%# 
                 Eval("PicTitle") %>' /><br />
            <asp:Label ID="Label3" runat="server" Text='<%# Eval("TravelDate", 
                 "{0:MMMMMMMMM dd, yyyy}") %>' /><br /><br />
            <asp:Label ID="Label4" runat="server" Text='<%# Eval("PicText") %>' />
        </td>
        </tr>
        </table>
    </ItemTemplate>
</asp:DataList>

这是我的 .css 文件中的相关部分:

    .picCaptionStyle
    {
        font-family:Century;
        text-align:center;
        font-size:8pt;
    }
    .picTitleStyle
    {
        font-family:Agency FB;
        text-align:left;
        font-size:14pt;
        color:Red;
        vertical-align:top;
    }
    .picTableStyle
    {
        vertical-align:middle;
    }

只有当我将 .picTableStyle 规则更改为 text-align:center 时，它才会居中；并将其排除在其他规则之外。但当然，它将所有文本置于我的 ItemTemplate 中。我想将图片的标题居中放置在图片上，但保留文字。

Answer 1

将标签放入 span 并将样式提供给 span。也许这会有所帮助