在使用display: inline-block;使两个div显示在一行时，第二个div指数交过，整个div在第二行展示了，如何使第二个div在第一行显示一部分在第二行显示一部分呢
这个如何修改呢
5条回答 默认 最新
小布师叔 2022-11-24 17:23关注原因：第二行文字太长了
解决方法：1、自提那行，样式里加 max-width: calc(100% - 100px);
2、父级用flex布局本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2021-12-10 14:16回答 3 已采纳 div默认是占满整行的，它属于块级元素 加上display:inline-block就能变成行内元素，在同一行了
- 2019-01-27 10:54回答 4 已采纳 首先，两个div（块级非置换元素）不会显示在同一行内，这种规则是属于常规流的。对于浮动元素，是不在常规流里面的，因此这种规则是不适合的。浮动盒将被移动至左侧或右侧直至其外侧紧贴包含盒的边缘或另外一个浮
- 2022-04-24 16:50回答 2 已采纳 ul节点高度塌陷了，子节点使用float后会引起父节点的高度塌陷，给父节点添加overflow: hidden;就可以了ps: html节点使用float之后 该节点会脱离文档流，脱离文档流的意思就是
- 2020-07-21 09:55itammie的博客 解决方法1：两个div都添加样式 display：inline-block；（如值为inline，设置宽高失效，div靠内容撑起） 代码： <style> .box1{ height: 200px; width:200px; display: inline-block; ...
- 2019-05-17 14:28回答 1 已采纳 因为你的图片没有宽度，默认就是图片大小，缩放后的屏幕尺寸减去第一个的后,不够就挤下来了
- 2021-05-02 07:44回答 1 已采纳 建议使用flex布局 相关文档：https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
- 2022-07-24 22:10回答 2 已采纳 input外面div的class改成inline<div class="layui-input-inline">
- 2024-02-29 16:47富士康质检员张全蛋的博客 要将两个div放置在同一行上，可以将它们放置在一个具有Flexbox属性的父容器中，并设置其display属性为flex。在实际开发中，还可以使用CSS框架如Bootstrap等提供的栅格系统来实现响应式布局，以适应不同屏幕尺寸的...
- 2021-12-30 09:08回答 4 已采纳 <template> <div> <table width="100%"> <tr v-for="ho in hotel">
- 2022-01-18 23:29回答 6 已采纳 根据你描述是如下情况； 浮动脱离文档流；而设置了行内元素又不独占一行，都没有设置宽度，就出现了上述情况。当你给一方设置宽度，就会挤下去；相关知识点：关于css中浮动的理解及实际应用 一、元素浮动的意
- 2022-07-27 21:23回答 1 已采纳 回答：可以参考哔哩哔哩尚硅谷教程，使用Model好像是，链接为：https://www.bilibili.com/video/BV1Ry4y1574R?p=41&vd_source=15a078e8b
- 2022-09-27 16:48暴走的山交的博客 原因：div为块级元素，默认占一行高度。解决方法1：两个div都添加样式。，设置宽高失效，div靠内容撑起）解决方法2：两个div都添加样式。（后面不在同行的div设置。
- 2021-06-09 05:25松xixi的博客 下面本篇文章就来给大家介绍一下使用CSS让两个div并列在一行显示的方法，希望对大家有所帮助。在HTML中，div是块状元素，div盒子本身默认样式属性是独占一行，而解决div独占一行方法通常有两种，一种为设置浮动，...
- 2022-08-25 15:08embracenewexperience的博客 首先确保两个ul宽度
- 2022-06-09 12:11cd243643664的博客 处理两个div不在同一行
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月11日
已采纳回答
12月3日-
创建了问题
11月24日
悬赏问题
- ¥15 加热反应炉PLC控制系统设计（相关搜索：梯形图）
- ¥15 python 用Dorc包报错，我的写法和网上教的是一样的但是它显示无效参数，是什么问题
- ¥15 经过滑动平均后的一维信号还原用什么结构好呢？
- ¥15 指定IP电脑的访问设置
- ¥30 matlab ode45 未发现警告，但是运行出错
- ¥15 为什么devc++编译项目会失败啊
- ¥15 vscode platformio
- ¥15 代写uni代码，app唤醒
- ¥15 全志t113i启动qt应用程序提示internal error
- ¥15 ensp可以看看嘛.