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