让两个div标签在同一行,需两个div的样式加上style="display: inline;" 记得两个都要加,因为块级元素前后都有换行符。
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div id="s1" οnclick="fun1();" style="display: inline;">
<p style="display: inline;">
1、HTML所有标签分为 块元素 和内联元素,块元素(如div标签)前后都默认有换行符,自动换行一个标签占一行。
</p>
<p style="display: inline;">2、内联元素(如a标签)不自动换行。</p>
<p style="display: inline;">块元素的display属性设为inline变为内联元素</p>
</div>
<div style="display: inline;">我是第二个DIV</div>
</body>
<script type="text/javascript">
function fun1(){
document.write("<div>You Can</div>")
// alert(document.getElementById('s1').innerText);
//alert(document.getElementById('s1').innerHTML);
}
</script>
</html>