所以现在我有一个网页设置是完全相同的浏览器窗口的大小,有几个溢出:滚动的在它.基本上,页面排列成两列和三行表.我不想使用表格的样式/格式化,所以我的问题是如何进行这种迁移.
我的网页(简而言之):
<table> <tr> <td> <div style="overflow:scroll;"> <div> stuff1 </div> <div> stuff1A </div> </div> </td> <td> <div style="overflow:scroll;"> <div> stuff2 </div> <div> stuff2A </div> </div> </td> </tr> <tr> <td> <input type="submit"><input type="submit"><input type= "submit"> </td> <td> <input type="submit"><input type="submit"><input type="submit"> </td> </tr> <tr> <td> <textarea>stuff3</textarea></td> <td><select multiple> </select></td> </tr>
问题本质上是我想嵌套< div>而不放置第二个嵌套< div>在换行:
<div style="overflow:scroll;"> <div>stuff4</div><div>stuff4A</div> </div> <div style="overflow:scroll;"> <div>stuff5</div><div>stuff5A</div> </div>
我想要上面在同一行显示两个可滚动区域,我不能使用< textarea>因为文本需要是多种颜色(请参阅链接提供).对于那些感兴趣的人来说,该页面最终将成为大学CS部门的完全在线浏览器即时消息技术支持系统的员工.
谢谢,
布丁
解决方法
那么你这样做的基本方法就是将你的页面分解成六个÷
<div class="left" id="l1">1</div> <div class="right" id="r1">2</div> <div class="left" id="l2">3</div> <div class="right" id="r2">4</div> <div class="left" id="l3">5</div> <div class="right" id="r3">6</div>
然后你写一些CSS:
div.left { float: left; clear: both; }
你应该得到如下的东西:
1 2 3 4 5 6
否嵌套< div>需要.
原文地址:https://www.jb51.cc/html/230733.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。