html的拼接

[Ro914]

用table怎么拼接如下：
...... .......
...... .......
一张图 ...... 一张图 .......
...... .......
...... .......

图片路径和..都是从同一个表查出的(select img,title from 表).图绑定字段img,...绑定字段title.
只有90了,虚心请教！谢谢

[wuyq11]

用datalist或reapter绑定数据或
StringBuilder sb=new StringBuilder()
sb.Append("");拼接TABLE在页面显示

[阿非]

贴个效果图

[cpp2017]

不是很明白.

用repealter或datalist就可以.

repeater:

<itemtemplate>
<tr>
<td><img src='<%#Eval("img")%>'> <%#Eval("title">%>

[zzxap]

先把table做好

然后拼string 。table里面的雙引號改變為單引號

[zzxap]

[code=C#]
/// <summary>
/// 开始一个表格
/// </summary>
/// <param name="sb"></param>
private void StartTable(StringBuilder sb)
{
sb.Append("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"width: 930pt; border-collapse: collapse\" width=\"1235\">\r\n"+
"<colgroup>"+
"<col style=\"width: 26pt; mso-width-source: userset; mso-width-alt: 1280\" width=\"35\" />"+
"<col span=\"8\" style=\" mso-width-source: userset; mso-width-alt: 5485\""+
"/>"+
"</colgroup>");
}
/// <summary>
/// 结束表格
/// </summary>
/// <param name="sb"></param>
private void EndTable(StringBuilder sb)
{
sb.Append("</table>");
}
/// <summary>
/// 开始一行
/// </summary>
/// <param name="sb"></param>
private void StartRow(StringBuilder sb)
{
sb.Append("<tr height=\"20\" style=\"font-size: 10pt; font-family: Arial; height: 15pt; mso-height-source: userset\">\r\n");
}
/// <summary>
/// 结束一行
/// </summary>
/// <param name="sb"></param>
private void EndRow(StringBuilder sb)
{
sb.Append("</tr>\r\n");
}

private void CreateTD(StringBuilder sb,string text, string align,string colspan,string width)
{
sb.Append("<td style=\"border-right: #d4d0c8; border-top: #d4d0c8 ; font-size: 10pt;"+
"border-left: #d4d0c8; border-bottom: #d4d0c8; background-color: transparent;\""+
"width=\"" + width + "\" align=\"" + align + "\" colspan=\"" + colspan + "\">\r\n" + text);
EndTD(sb);
}
private void CreateTD(StringBuilder sb, string text, string align, string colspan, string width,string height)
{
sb.Append("<td style=\"border-right: #d4d0c8; border-top: #d4d0c8 ; font-size: 10pt;" +
"border-left: #d4d0c8; border-bottom: #d4d0c8; background-color: transparent;\"" +
"width=\"" + width + "\" height=\"" + height + "\" align=\"" + align + "\" colspan=\"" + colspan + "\">\r\n" + text);
EndTD(sb);
}
private void CreateBorderTopTD(StringBuilder sb, string text, string align, string colspan, string width, string height,string color,string borderwidth)
{
sb.Append("<td style=\"border-right: 0; border-top: " + color + " " + borderwidth + " solid; font-size: 10pt;" +
"border-left: " + color + " " + borderwidth + " solid; border-bottom: 0; background-color: transparent;\"" +
"width=\"" + width + "\" height=\"" + height + "\" align=\"" + align + "\" colspan=\"" + colspan + "\">\r\n" + text);
EndTD(sb);
}
private void CreateBorderRightTD(StringBuilder sb, string text, string align, string colspan, string width, string height, string color, string borderwidth)
{
sb.Append("<td style=\"border-right: " + color + " " + borderwidth + " solid; border-top: " + color + " " + borderwidth + " solid; font-size: 10pt;" +
"border-left: " + color + " " + borderwidth + " solid; border-bottom: 0; background-color: transparent;\"" +
"width=\"" + width + "\" height=\"" + height + "\" align=\"" + align + "\" colspan=\"" + colspan + "\">\r\n" + text);
EndTD(sb);
}
private void CreateBorderBottomTD(StringBuilder sb, string text, string align, string colspan, string width, string height, string color, string borderwidth)
{
sb.Append("<td style=\"border-right: 0; border-top: " + color + " " + borderwidth + " solid; font-size: 10pt;" +
"border-left: " + color + " " + borderwidth + " solid; border-bottom: " + color + " " + borderwidth + " solid; background-color: transparent;\"" +
"width=\"" + width + "\" height=\"" + height + "\" align=\"" + align + "\" colspan=\"" + colspan + "\">\r\n" + text);
EndTD(sb);
}
private void CreateBorderBottomRightTD(StringBuilder sb, string text, string align, string colspan, string width, string height, string color, string borderwidth)
{
sb.Append("<td style=\"border-right: " + color + " " + borderwidth + " solid; border-top: " + color + " " + borderwidth + " solid; font-size: 10pt;" +
"border-left: " + color + " " + borderwidth + " solid; border-bottom: " + color + " " + borderwidth + " solid; background-color: transparent;\"" +
"width=\"" + width + "\" height=\"" + height + "\" align=\"" + align + "\" colspan=\"" + colspan + "\">\r\n" + text);
EndTD(sb);
}

private void EndTD(StringBuilder sb)
{
sb.Append("\r\n</td>\r\n");
}
[/CODE]

[chowyi]

先用静态格式把你的html格式制定，用{0},{1}..占住你的img的url,title
把你的DataSet循环,把每行的url,title...套上去
用Literal显示出来就OK了

[路人乙e]

<div>
<div style="float:left;width:200px;"><img /> title</div>
<div style="float:left;width:200px;"><img /> title</div>
<div style="clear:both;"></div>
...
</div>

[dd__dd]

用datalist不好吗

[syc958]

这个得用样式+table来控制....最麻烦可以用三个tab来套，简间点可以用一个table,把左边的td合并....你这个是不是例表形式呀如果是就可以这样搞了