div不换行的三种方法

太过爱你忘了你带给我的痛 2023-06-03 10:55 58阅读 0赞

## 原文：[https://www.cnblogs.com/zouwangblog/p/11149621.html][https_www.cnblogs.com_zouwangblog_p_11149621.html] ##

## float[   ][Link 1] ##

<div class="div1">123</div>
    <div class="div2">456</div>
    <style>
    .div1 {
    float: left;
    }
    .div2 {
    float: left;
    }
    </style>

## inline-block[   ][Link 2] ##

<div class="div1">123</div>
    <div class="div2">456</div>
    <style>
    .div1 {
    display: inline-block;
    }
    .div2 {
    display: inline-block;
    }
    </style>

## flex[   ][Link 3] ##

这个是针对父元素设置的！！！

<div class="parent">
    <div class="div1">123</div>
    <div class="div2">456</div>
    </div>
    <style>
    .parent {
    display: flex;
    }
    </style>

转载于:https://www.cnblogs.com/robinunix/p/11346126.html

[https_www.cnblogs.com_zouwangblog_p_11149621.html]: https://www.cnblogs.com/zouwangblog/p/11149621.html
[Link 1]: https://www.cnblogs.com/zouwangblog/p/11149621.html#3063724051
[Link 2]: https://www.cnblogs.com/zouwangblog/p/11149621.html#1430531727
[Link 3]: https://www.cnblogs.com/zouwangblog/p/11149621.html#4121936189

发表评论取消回复

表情：

评论列表（有 0 条评论，58人围观）

还没有评论，来说两句吧...

相关阅读

相关解决因div导致的换行问题

<div class="btn-group" style="cursor: move;margin: 3px 3px;"> <div style="">...

r囧r小猫/ 2024年04月19日 15:22/ 0 赞/ 142 阅读

相关 div不换行的三种方法

原文：[https://www.cnblogs.com/zouwangblog/p/11149621.html][https_www.cnblogs.com_zouwangb

太过爱你忘了你带给我的痛/ 2023年06月03日 10:55/ 0 赞/ 59 阅读

相关 python中换行字符串换行的两种方法

1.、\\n的方法，也是常用的方法，如图： ![20200518221840678.png][] 执行结果： ![20200518222012507.png][] 2.

清疚/ 2023年02月09日 13:13/ 0 赞/ 107 阅读

相关 css控制div的子元素不换行

需求：如题： <div style="white-space:nowrap"> <input type='text' style="display:i

我就是我/ 2022年12月17日 01:17/ 0 赞/ 240 阅读

相关 DIV文字换行并且多余的换成省略号

width: 100px; word-wrap:break-word; text-overflow: ellipsis; display: -w

阳光穿透心脏的1/2处/ 2022年12月12日 13:52/ 0 赞/ 178 阅读

相关 Eclipse-格式化代码时不换行与自动换行的实现方法

1. preferences->Java->Code Style->Code Formatter->Show… ，打开之后，选择“Line Wrapping”选项卡，在“Ma

浅浅的花香味﹌/ 2022年06月04日 07:14/ 0 赞/ 495 阅读

相关 div同行实现或div自动换行

float:left同行显示使用"float:left"时，div会影响下一个div。"float:left"会让下一个div排在右边，当前div排在左边。同行显

红太狼/ 2022年04月24日 13:04/ 0 赞/ 428 阅读

相关 css DIV中文字换行显示

![换行显示][20181217134833442.jpg] ![默认显示][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text

我会带着你远行/ 2022年04月04日 12:26/ 0 赞/ 434 阅读

相关 python中print不换行的方法

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] python中的print默认是换行的，如下：

超、凢脫俗/ 2022年01月14日 16:45/ 0 赞/ 390 阅读

相关 shell echo 换行不换行打印换行

换行与不换行 echo默认是有换行的， -n的时候，是不换行的, 看下man的介绍： ubuntu@VM-0-13-ubuntu:~$ man echo | g

秒速五厘米/ 2021年07月28日 15:11/ 0 赞/ 1027 阅读