float1

最新推荐文章于 2024-04-13 21:53:37 发布

weixin_30823001

最新推荐文章于 2024-04-13 21:53:37 发布

阅读量293

点赞数

原文链接：http://www.cnblogs.com/ningjie/p/9588085.html

版权

转载:

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>浮动去空格</title>
<style>
button { margin: 0; }
p { clear: both; }
</style>
</head>

<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<p><input type="button" id="trigger" value="点击按钮浮动"></p>
<script>
var trigger = document.getElementById("trigger"),
buttons = document.getElementsByTagName("button");

var length = buttons.length;

if (trigger && length > 0) {
trigger.onclick = function() {
for (var index = 0; index < length; index += 1) {
buttons[index].style["cssFloat" in trigger.style? "cssFloat": "styleFloat"] = "left";
}
};
}
</script>
</body>
</html>

浮动会把元素之间的回车去掉, 但世界没有,不过移到了后面,因为看不见摸不着. 如果把回车换成&nbsp 就会发现,可以选中.

转载于:https://www.cnblogs.com/ningjie/p/9588085.html