首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > .NET > C# >

[急] 哪位高手能帮小弟我看看这个div转table,很快的,只花1分钟给您送上20分

2011-12-29 
[急] 谁能帮我看看这个div转table,很快的,只花1分钟给您送上20分。div stylefloat: left width: 80px

[急] 谁能帮我看看这个div转table,很快的,只花1分钟给您送上20分。
<div style="float: left; width: 80px; border: Solid 1px #000;">
  aaaa</div>
  <div style="width: 100px; border: Solid 1px #000;">
  bbbbb</div>
  <div style="float: left; width: 80px; border: Solid 1px #000;">
  ccccc</div>
  <div style="width: 100px; border: Solid 1px #000;">
  ddddd</div>
做出来效果:
--------- -------------
|aaa | |bbbb |
--------- -------------
|ccc | |dddd |
--------- -------------
我不想要中间的空格,完全模仿table.做成这样的
-----------------------
|aaa |bbb |
-----------------------
|ccc |ddd |
------------------------
要有宽度。
不要用postion:absolute/relative

达人救命啊!!


[解决办法]
<div style="float: left; width: 80px; border: Solid 1px #000;border-right: 0px;border-bottom: 0px" > aaaa </div > 
<div style="width: 80px; border: Solid 1px #000;border-bottom: 0px;" > 
bbbbb </div > 
<div style="float: left; width: 80px; border: Solid 1px #000;border-right: 0px;" > 
ccccc </div > 
<div style="width: 80px; border: Solid 1px #000;" > 
ddddd </div >

热点排行