Asp.net 如何在ItemTemplate元素中维护两种不同的对齐方式,每个子元素对应一种对齐方式?
我有一个非常简单的ASP.NET网站。我正在从数据库中提取代码的所有数据。我试图弄明白为什么当我更改文本大小时,它会生效,但如果我更改文本对齐属性,它就不会生效。代码如下:Asp.net 如何在ItemTemplate元素中维护两种不同的对齐方式,每个子元素对应一种对齐方式?,asp.net,css,Asp.net,Css,我有一个非常简单的ASP.NET网站。我正在从数据库中提取代码的所有数据。我试图弄明白为什么当我更改文本大小时,它会生效,但如果我更改文本对齐属性,它就不会生效。代码如下: <asp:DataList ID="DataList1" DataSourceID="AccessDataSource2" runat="server" ItemStyle-CssClass="picTableStyle" DataKeyField="ID"> <ItemStyle
<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>
只有当我将.picTableStyle规则更改为文本对齐时,它才会居中:居中;把它放在其他规则上。但当然,它将所有文本集中在我的ItemTemplate中。我想将图片的标题置于图片的中心位置,但将文本保留在左侧。将标签放入span,并在span中提供样式。也许这会有所帮助嘿,NetTrapper,试过了,但没用。不过,我很感激你的建议。在我看来,当我在父样式规则中更改它时,它会移动所有文本,这似乎很疯狂。但是,如果我试图更改专门与所讨论的元素相关的规则,它不会生效。
.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;
}