在使用display: inline-block;使两个div显示在一行时，第二个div指数交过，整个div在第二行展示了，如何使第二个div在第一行显示一部分在第二行显示一部分呢
这个如何修改呢
5条回答 默认 最新
小布师叔 2022-11-24 17:23关注原因：第二行文字太长了
解决方法：1、自提那行，样式里加 max-width: calc(100% - 100px);
2、父级用flex布局本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2020-07-21 09:55itammie的博客 解决方法1：两个div都添加样式 display：inline-block；（如值为inline，设置宽高失效，div靠内容撑起） 代码： <style> .box1{ height: 200px; width:200px; display: inline-block; ...
- 2024-02-29 16:47富士康质检员张全蛋的博客 要将两个div放置在同一行上，可以将它们放置在一个具有Flexbox属性的父容器中，并设置其display属性为flex。在实际开发中，还可以使用CSS框架如Bootstrap等提供的栅格系统来实现响应式布局，以适应不同屏幕尺寸的...
- 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-05-13 19:32潮汐未见潮落的博客 让两个div显示在同一行，同时加上颜色渐变边框
- 2022-06-09 12:11cd243643664的博客 处理两个div不在同一行
- 2023-07-27 19:54sunzixiao的博客 DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。...我们知道，默认情况下每个div都是单独一行显示的，那么怎么让多个div在一行显示呢？
- 2022-03-14 20:32HOROSHI的博客 1.先画出三个大盒子 2.在style属性中添加float：left；将元素移到左边 3. 加上右外边距 margin-right:20px; 使用float：right，则会把元素移到右边 使用float：none，是默认值，表示不浮动
- 2021-08-04 10:14weixin_39959298的博客 css设置4个div并排的方法：1、使用float属性让4个div浮动起来即可。2、使用“display:inline;”或“display: inline-block;”样式将4个div转换为内联元素或内联块状元素即可。...多个div元素在一起...
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月11日
已采纳回答
12月3日-
创建了问题
11月24日