小弟我这个怎么固定列宽并把表线变成兰
日期：2014-05-17 浏览次数：20782 次
我这个如何固定列宽并把表线变成兰
下面是我程序的代码，如何：
1，让这里的表格的最左列（一共就两列）的宽度固定死，不因内容改变宽度
2，如何让表格改成像CSDN这样的细兰线，它的固有表线很难看
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Repeater.DataSourceID Property Example</title>
<style type="text/css">
.style2
{
height: 30px;
width: 313px;
}
.style3
{
width: 313px;
}
</style>
</head>
<body>
<form id="Form1" runat="server">
<h3>Repeater.DataSourceID Property Example</h3>
<asp:repeater id="Repeater1"
datasourceid="SqlDataSource1"
runat="server">
<headertemplate>
</headertemplate>
<itemtemplate>
<table style="width:50%;" border="2">
<tr>
<td align="center" rowspan="3" valign="top" width="200">
<%# Eval("id")%>
<%# Eval("年级")%></td>
<td class="style2" width="200">
<%# Eval("教师姓名")%></td>
</tr>
<tr>
<td class="style3">
<%# Eval("文章")%></td>
</tr>
<tr>
<td class="style3">
<%# Eval("任课班级")%></td>
</tr>
</table>
</itemtemplate>
<footertemplate>
</footertemplate>
</asp:repeater>
<asp:sqldatasource id="SqlDataSource1"
connectionstring="<%$ ConnectionStrings:kaoheConnectionString %>"
selectcommand="SELECT * FROM [fengong]"
runat="server">
</asp:sqldatasource>
</form>
</body>
</html>
------解决方案--------------------
下面是我程序的代码，如何：
1，让这里的表格的最左列（一共就两列）的宽度固定死，不因内容改变宽度
2，如何让表格改成像CSDN这样的细兰线，它的固有表线很难看
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Repeater.DataSourceID Property Example</title>
<style type="text/css">
.style2
{
height: 30px;
width: 313px;
}
.style3
{
width: 313px;
}
</style>
</head>
<body>
<form id="Form1" runat="server">
<h3>Repeater.DataSourceID Property Example</h3>
<asp:repeater id="Repeater1"
datasourceid="SqlDataSource1"
runat="server">
<headertemplate>
</headertemplate>
<itemtemplate>
<table style="width:50%;" border="2">
<tr>
<td align="center" rowspan="3" valign="top" width="200">
<%# Eval("id")%>
<%# Eval("年级")%></td>
<td class="style2" width="200">
<%# Eval("教师姓名")%></td>
</tr>
<tr>
<td class="style3">
<%# Eval("文章")%></td>
</tr>
<tr>
<td class="style3">
<%# Eval("任课班级")%></td>
</tr>
</table>
</itemtemplate>
<footertemplate>
</footertemplate>
</asp:repeater>
<asp:sqldatasource id="SqlDataSource1"
connectionstring="<%$ ConnectionStrings:kaoheConnectionString %>"
selectcommand="SELECT * FROM [fengong]"
runat="server">
</asp:sqldatasource>
</form>
</body>
</html>
------解决方案--------------------
- CSS code
table {
table-layout:fixed;
border-collapse: collapse;
}
table, td {
border: 1px solid #0000FF;
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
