我需要按照以下规则显示两列项目列表:
>列的容器具有流体宽度
>两列的宽度需要相等
>项目被动态渲染,至少显示一个
>物品订单需要先向左下方流动,然后右侧
>物品需要在底部均匀排列,或者在奇数的情况下,额外的项目应该显示在左栏
这是一个例子:
~ Item 1 | ~ Item 6 ~ Item 2 | ~ Item 7 ~ Item 3 | ~ Item 8 ~ Item 4 | ~ Item 9 ~ Item 5 |
只要解决这个问题,HTML就可以是任何东西.我被限制使用XSLT来围绕服务器吐出的HTML包装.我可以访问两个XSLT参数:一个告诉我当前的项目号,一个告诉我有多少项目.
我的CSS技能是基本的/中间的,我不知道从哪里开始.关于这是否可以实现的任何想法和如何做?
更新:
感谢您的答案.共识似乎是使用A List Apart文章或者我喜欢的表,因为它更简单.表中的问题是服务器按照排序顺序给出了项目.使用表将意味着XSLT的诡计重新排序,不是吗?
<tr> <td>Item 1</td> <td>Item 4</td> </tr> <tr> <td>Item 2</td> <td>Item 5</td> </tr> <tr> <td>Item 3</td> <td> </td> </tr>
解决方法
原文地址:https://www.jb51.cc/html/230784.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。