做到这一点(有些很费力的定位外)的唯一方法是将元素组合成一个单独的列表,给每个li一个类名,并适当设置其样式:
- Item A
- Item 1
- Item B
- Item 2
- Item C
- Item 3
- Item D
- Item 4
li {
list-style-type: none;
width: 50%;
}
li.left {
float: left;
background-color: #0f0;
}
li.right {
float: right;
background-color: #00f;
}
@media only screen and (max-width: 480px) {
.left, .right {
float: none;
width: 100%;
}
}
正如哈希姆指出,在下面的意见,将有可能使用:nth-child()选择,而不是类名称,样式留下的各种li元素,或右:
li:nth-child(odd) {
float: left;
background-color: #0f0;
}
li:nth-child(even) {
float: right;
background-color: #00f;
}
@media only screen and (max-width: 480px) {
li {
float: none;
width: 100%;
}
}