问题遇到的现象和发生背景
写了两个div，为啥老换行
3条回答 默认 最新
关注div默认是占满整行的，它属于块级元素
加上display:inline-block就能变成行内元素，在同一行了
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2022-11-24 15:42回答 5 已采纳 原因：第二行文字太长了解决方法：1、自提那行，样式里加 max-width: calc(100% - 100px);2、父级用flex布局
- 2019-05-17 14:28回答 1 已采纳 因为你的图片没有宽度，默认就是图片大小，缩放后的屏幕尺寸减去第一个的后,不够就挤下来了
- 2019-01-27 10:54回答 4 已采纳 首先，两个div（块级非置换元素）不会显示在同一行内，这种规则是属于常规流的。对于浮动元素，是不在常规流里面的，因此这种规则是不适合的。浮动盒将被移动至左侧或右侧直至其外侧紧贴包含盒的边缘或另外一个浮
- 2024-02-29 16:47富士康质检员张全蛋的博客 要将两个div放置在同一行上，可以将它们放置在一个具有Flexbox属性的父容器中，并设置其display属性为flex。在实际开发中，还可以使用CSS框架如Bootstrap等提供的栅格系统来实现响应式布局，以适应不同屏幕尺寸的...
- 2022-04-24 16:50回答 2 已采纳 ul节点高度塌陷了，子节点使用float后会引起父节点的高度塌陷，给父节点添加overflow: hidden;就可以了ps: html节点使用float之后 该节点会脱离文档流，脱离文档流的意思就是
- 2021-12-30 09:08回答 4 已采纳 <template> <div> <table width="100%"> <tr v-for="ho in hotel">
- 2022-01-18 23:29回答 6 已采纳 根据你描述是如下情况； 浮动脱离文档流；而设置了行内元素又不独占一行，都没有设置宽度，就出现了上述情况。当你给一方设置宽度，就会挤下去；相关知识点：关于css中浮动的理解及实际应用 一、元素浮动的意
- 2024-07-09 23:24在美团搬砖的小陈的博客 在HTML的排版设计中可能会遇到div不能为一行的情况，本文介绍了三种解决方法，提供了大致的思路，代码还有更好的优化措施。
- 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">
- 2022-08-01 21:53回答 3 已采纳 亲 建议你这样试试哦+关注function myFunction() { console.log("click me!"); });
- 2021-06-09 05:25松xixi的博客 下面本篇文章就来给大家介绍一下使用CSS让两个div并列在一行显示的方法，希望对大家有所帮助。在HTML中，div是块状元素，div盒子本身默认样式属性是独占一行，而解决div独占一行方法通常有两种，一种为设置浮动，...
- 2020-07-21 09:55itammie的博客 解决方法1：两个div都添加样式 display：inline-block；（如值为inline，设置宽高失效，div靠内容撑起） 代码： <style> .box1{ height: 200px; width:200px; display: inline-block; ...
- 2022-06-09 12:11cd243643664的博客 处理两个div不在同一行
- 2022-03-14 20:32HOROSHI的博客 1.先画出三个大盒子 2.在style属性中添加float：left；将元素移到左边 3. 加上右外边距 margin-right:20px; 使用float：right，则会把元素移到右边 使用float：none，是默认值，表示不浮动
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月18日
已采纳回答
12月10日-
创建了问题
12月10日
悬赏问题
- ¥15 乌班图ip地址配置及远程SSH
- ¥15 怎么让点阵屏显示静态爱心，用keiluVision5写出让点阵屏显示静态爱心的代码，越快越好
- ¥15 PSPICE制作一个加法器
- ¥15 javaweb项目无法正常跳转
- ¥15 VMBox虚拟机无法访问
- ¥15 skd显示找不到头文件
- ¥15 机器视觉中图片中长度与真实长度的关系
- ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
- ¥15 java 的protected权限 ，问题在注释里
- ¥15 这个是哪里有问题啊？