HTML如何使两个div在同一行
让两个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>
HTML如何使两个div在同一行相关推荐
- 如何使两个div在同一行显示
在CSS中,div属于块级元素,每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外).两个块级元素连续编辑时,会在页面自动换行显示.所以默认情况下,2个 ...
- 如何使两个div在同一行？
<div style="display:table"> <div style="float:left">div 1 </div&g ...
- html怎么使两个div模块并列居中,css怎样让两个div重叠,怎么让整个div居中
css怎样让两个div重叠CSS如何使两个div重叠,css使两个div重叠的方法:首先,使用[position:absolute]属性为div设置绝对定位:然后使用z-index属性确定哪个div在 ...
- HTML页面中使两个div并排显示如何实现
本文主要介绍了HTML页面中使两个div并排显示的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着微点阅读小编来一起学习学习吧 在HTML中实现两 ...
- html两个div一个在前一个在后,html/css 两个div在同一行
在界面设计的时候,经常需要将两个div在同一行显示. 但是每次都会忘记怎么做,特此随笔,备忘. 如以下要将"第一个div"和"第二个div"显示在同一行: /* ...
- HTML页面中使两个div并排显示
在HTML中实现两个div并排显示,方法如下: 方法1:设置float浮动 对需要并排显示的div设置样式:style="float:left;" <div style=&q ...
- 学习杂记（如何让两个div在同一行）
时不时会要记着一些东西,以防自己忘记总结. CSS浮动 div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流. 在div的标准流中,无论div多小,它都独占一行,相互没有交集. 但是很多 ...
- 如何让两个div在同一行显示?一个float搞定
最近在学习div和css,遇到了一些问题也解决了很多以前以为很难搞定的问题.比如:如何让两个div显示在同一行呢?(不是用table表格,table对SE不太友好)其实,<div> 是一个 ...
- HTML如何让两个div并排在一行,怎么让两个div并排同行显示
如何让两个div并排同行显示 前段时间在做界面的时候,想要实现个两个DIV并排的界面,做之前想着挺简单的,只要将一个div浮动就可以了.然后就测试了一下.下面是部分代码 自己测试 代码 DIV1 DI ...
最新文章
- Angular\Vue解决页面数据加载时出现{{message}}闪烁的情况
- 【Flutter】开发之功能篇（七）
- 【LeetCode笔记】剑指 Offer 67. 把字符串转换成整数 （Java、字符串）
- Linux shell编程学习总结
- oracle 10g分区表,oracle10g--11gR2分区表汇总四
- python保存变量_Python变量存储
- 查看AIX系统cpu、内存、网卡、硬盘、HBA卡信息命令
- MySQL为用户授权
- C#后台调用跨域MVC服务，带Cookie验证
- 如何在Mac计算机上添加删除打印机和扫描仪，以及高质量扫描文档
- Python整数求和
- DMA控制器8237A
- 张锋因何错过诺贝尔化学奖？
- linux 龙芯cpu 测试,龙芯CPU实测！对比赛扬 没想到会这样
- 2012年8月26日
- Unity 3D安装教程
- git fatal: The remote end hung up unexpectedly 错误
- GOOGLE 手机定位厘米挑战赛选手提到的技巧、方法总结
- java dozer,MapStruct相当于提示（Dozer）？
- 数字转字符串；字符串转数字