说我有这个
div {
position:absolute;
top:0;
}
#right {
left:50px;
}
#left {
left:0;
}
<div id="right">World</div>
<div id="left">Hello</div>
当我从左到右选择文本时,它的行为在视觉上不直观。至少在 Chrome 中,从选择中考虑元素的顺序似乎取决于元素的顺序。有没有办法在不改变元素顺序的情况下改变该顺序?
您可以使用 CSS flexbox 来做到这一点。您所要做的就是使用 CSS 更改 div id 属性的值。
Code:
#blockContainer > div {
border: 1px dashed #000;
}
#blockContainer {
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}
#right {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
box-ordinal-group: 3;
}
#left {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
<div id="blockContainer">
<div id="right">World</div>
<div id="left">Hello</div>
</div>
JsFiddle -http://jsfiddle.net/hbk05z8n/ http://jsfiddle.net/hbk05z8n/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)