两个div在同一行,两个div不换行「建议收藏」

两个div在同一行,两个div不换行

大家好,又见面了,我是全栈君。

方法一:

<div style=”display:inline”>

    <div id=”div1″ style=”float:left”>div1   content</div>

    <div id=”div2″ style=”float:left”>div2   content</div>

</div>

 

上面的div1和div2就会在同一行显示。

。。(此方法一般都会有效的)

方法二:

<div id=”div1″ style=”float:left”>div1   content</div>

 <div id=”div2″ style=”clear:both”>div2   content</div>

 

这样的方法有时候会不起作用,好像在引入别的js框架中使用部分会出现故障。

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/116616.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • RabbitMq使用demo[通俗易懂]

    RabbitMq使用demo[通俗易懂]1.为什么使用mq2.常见的mq有哪几种3.RabbitMq使用配置4.RabbitMq使用demo4.总结5.参考

    2022年10月4日
  • Putty(菩提)远程连接服务器教程听语音

    Putty(菩提)远程连接服务器教程听语音

    2021年10月8日
  • 基于STM32的电池管理系统触摸屏设计方案

    基于STM32的电池管理系统触摸屏设计方案

    2021年9月8日
  • 十大Java编程工具

    十大Java编程工具以下是大多数Java程序员在日常生活中使用的10种最常见的Java开发工具。如果您正在使用Java技术,您应该已经熟悉这些工具,但如果您不熟悉,那么现在是了解和探索它们的好时机。1.Eclipse、NetBeans或IntelliJIDEAIDE是Java开发人员最重要的工具。IDE不仅为您提供集成开发环境,还有助于导航、调试和记录您的代码。由于Eclipse是行业领导者,因此几乎一半的Java开发人员都使用它。我更进一步,除了使用Eclipse,我喜欢使用Netb

    2022年7月7日
  • java字符串转数组的方法(Java数组转为字符串的函数)

    可能大家都希望字符串直接转成char型的数组吧,因为很多时候要将数字型的字符串进行升降序,而java降序的方法好像只能对char型的数组降序;字符串转Char型数组://朱茂强QQ:896228072(望大牛们多多指教)publicstaticvoidmain(String[]args){ //TODOAuto-generatedmethodstub Stri…

    2022年4月14日
  • Servlet的工作原理简介

    Servlet的工作原理简介你使用的本地web服务器或者买的别的服务器都一样的原理,鼠标点击事件发出一个HTTP请求以后,服务器会将请求移交给servlet容器,servlet容器首先对所请求的URL进行解析并根据web.xml配置文件找到相应的处理servlet,同时将request、response对象传递给它,servlet通过request对象可知客户端的请求者、请求信息以及其他的信息等,servlet在处理完请求后…

    2022年9月1日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号