我们如何以下列格式对齐asp页面

时间:2010-05-31 06:47:14

标签: asp.net

我的页面包含绑定到数据列表的图像和标签。 标签从存储过程中获取文本。我需要按以下格式对齐它。

图片标签(文字从图片开始,然后继续..

图片下面的图片太长了。)

<asp:DataList ID="dlnews" runat="server" RepeatColumns="1" 
                                                            onitemcommand="dlnews_ItemCommand">
       <ItemTemplate>
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
             <tr>
                <td colspan="2">
                  <asp:Label ID="lbltitle" runat="server" Text='<%#Eval("Title")%>'></asp:Label>
                </td>
             </tr>
             <tr>
                <td  style="width: 10%;"> 
                  <img id="imgn"  style="height: 70px; width: 70px" runat="server" src='xxx' />
                </td>
                <td>
                  <asp:Label ID="lCont" runat="server"  Text='<%# Eval("Description") %>'> 
                  </asp:Label>
                </td>
        </tr>
          </table>
        </ItemTemplate>
     </asp:DataList>

2 个答案:

答案 0 :(得分:0)

这样的东西?

<style>
div.img
{float:left;}
div.txt
{width:50px;}
</style>

<div style='width:100px;height:1000px;'>
<div class='img'>
<img src='test'/>
</div>
<div>
Text Text Text Text 
</div>
<div class='img'>
<img src='test'/>
</div>
<div>
Text 
</div>
<div class='img'>
<img src='test'/>
</div>
<div>
Text Text Text Text Text Text Text Text 
</div>

答案 1 :(得分:0)

查看下面的代码

<div>
<img src="sss" alt="aa" /><span style="word-wrap:break-word;"><asp:Label ID="lbl" runat="server" text="your text" /></span>

</div>