Question

我是CSS新手，在ItemTemplate标签中设置ListView Control的样式有问题我的项目语言是rtl（波斯语），我想在右边设置用户图像，在图像的左边设置她/他的信息。
但结果如下：

alt text http://sites.google.com/site/mahdiahmadirad/download-1/2009-12-08_134217.png?attredirects=0&d=1

以下是ListView的代码：

<asp:ListView ID="NokListView" runat="server" DataSourceID="ObjectDataSource1">
    <LayoutTemplate>
        <img alt="" src="./img/group.png"><br />
        <br />
        <fieldset>
            <legend>ليست کلي</legend>
            <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
        </fieldset>
    </LayoutTemplate>
    <ItemSeparatorTemplate>
        <hr />
    </ItemSeparatorTemplate>
    <ItemTemplate>
        <img style="float: right;" alt="" src='<%# Eval("Gender","./img/{0}.png") %>' />
        <span>نام وارث:</span><%# Eval("FirstName") %>&nbsp;<%# Eval("LastName") %><span
            dir="ltr">(<%# Eval("Email") %>)</span><br />
        <span>نسبت او با شما:</span>
        <%# Eval("Relationship")%><br />
    </ItemTemplate>
</asp:ListView>

我将样式设置为float：right并且它正常工作，但正如您所见，模板就像一个分层列表！
我希望每个项目位置不在前面的项目下面。请解释一下我到底发生了什么？！以及如何解决它？

Answer 1

将非图像数据放在div中，使用float：left并查看是否有效？

Answer 2

我在这里找到了答案：doctype.com

，完整的固定代码是：

<ItemSeparatorTemplate>
<hr style="clear:right;" />
</ItemSeparatorTemplate>
<ItemTemplate>
    <div style="clear: both;">
        <img style="float: right;" alt="" src='<%# Eval("Gender","./img/{0}.png") %>' />
        <span>نام وارث:</span><%# Eval("FirstName") %>&nbsp;<%# Eval("LastName") %>
        <span dir="ltr">(<%# Eval("Email") %>)</span><br />
        <span>نسبت او با شما:</span><%# Eval("Relationship")%><br />
    </div>
</ItemTemplate>

所以看结果：

alt text http://sites.google.com/site/mahdiahmadirad/download-1/2009-12-09_103134.png?attredirects=0&d=1

ListView ItemTemplate中的CSS（浮动）问题！

2 个答案: