1

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

<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 中的所有文本居中。我想将图片的标题居中放在图片上,但保留文字。

4

1 回答 1

0

将标签放入跨度并将样式提供到跨度中。也许这会有所帮助

于 2013-07-25T07:15:38.150 回答