Question

ASP网页设计中怎样使用横向排列？

ASP网页设计中怎样使用横向排列或者怎样是用DIV＋CSS进行横向排列的解决方案

Answer 1

横向排列相当于文字绕排的处理
一、table中有属性align设置值为left则如果下一个表格的宽度加当前表格宽度不超过当前区域的宽度则横排例如:
<table width="300" border="1">
<tr>
<td><table width="100" border="1" align="left">
<tr>
<td> </td>
</tr>
</table>
<table width="100" border="1">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table>
二、DIV+css横排
同一的绕排原理，DIV的样式中有float:left和float:right可以实现绕排.例如(例子中使用了边框样式，为了明显表达效果):
<div style="width:400px;border:#FF0000 1px solid">
<div style="width:198px;float:left;border:#000000 1px solid">测试文字</div>
<div style="width:198px;border:#000000 1px solid;float:right">测试文字2</div>
</div>

Answer 2

横向排列相当于文字绕排的处理
一、table中有属性align设置值为left则如果下一个表格的宽度加当前表格宽度不超过当前区域的宽度则横排例如:
<table
width="300"
border="1">
<tr>
<td><table
width="100"
border="1"
align="left">
<tr>
<td> </td>
</tr>
</table>
<table
width="100"
border="1">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table>
二、DIV+css横排
同一的绕排原理，DIV的样式中有float:left和float:right可以实现绕排.例如(例子中使用了边框样式，为了明显表达效果):
<div
style="width:400px;border:#FF0000
1px
solid">
<div
style="width:198px;float:left;border:#000000
1px
solid">测试文字</div>
<div
style="width:198px;border:#000000
1px
solid;float:right">测试文字2</div>
</div>