Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net 如何在ItemTemplate元素中维护两种不同的对齐方式,每个子元素对应一种对齐方式?_Asp.net_Css - Fatal编程技术网

Asp.net 如何在ItemTemplate元素中维护两种不同的对齐方式,每个子元素对应一种对齐方式?

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.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>

只有当我将.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;
    }