IE7 浮动元素 禁止自动换行

最新推荐文章于 2023-07-14 14:15:29 发布
转载 最新推荐文章于 2023-07-14 14:15:29 发布 · 979 阅读 · 0
文章标签：

#ie #浏览器 #chrome

本文描述了在 IE7 中遇到的一个浮动元素自动调整宽度的问题，并提供了通过设置 white-space:nowrap 解决此问题的方法。
 今天在给网页测浏览器时发现，当缩小浏览器宽度时，IE7中浮动元素会自动调整宽度（内容自动换行），使元素变得很高，而不是被挤到下一行，严重影响了原页面样式和用户阅读。
   IE6没测，不知道怎么样，IE8,9，FF，Chrome测过都没问题。
   解决方法：如果不想固定宽度（当然没有固定，否则还有这个问题么==），可以禁止内容自动换行，即对对浮动元素设置"white-space:nowrap;"。亲测有效哦~
2023大厂高频面试题之CSS篇
zag666的博客
05-18 2022
css的position属性取值 css选择器优先级和权重 box-sizing属性 CSS 盒子模型 CSS实现三角形 CSS布局 弹性布局display:flex 实现一个垂直水平居中 隐藏页面元素的方法 style-components HTML脱离文档流的方法 block，inline和inlinke-block transition与animation区别...
HTML面试题汇总
歌谣的博客
12-01 1151
【HTML】 [html] 你有使用过MediaRecorder吗？说说它的运用场景有哪些？ [html] 进入编辑页面时，如何把光标聚焦到第一个input？ [html] 如何给input的右上角加个清除的按钮 [html] 举例说明只用html和css如何使得一个列表编号倒序？ [html] H5页面在微信中如何禁止分享给好友和朋友圈？ [html] http中的301、302、307、308有什么区别？ [html] 说说你对短链接的理解，它有什么应用场景呢？ [html] 网页中的友情链接有什么作用
float 禁止换行
friendan的专栏
11-29 1万+
参考文章：http://blog.youkuaiyun.com/qidizi/article/details/8779889 n个这个元素(总小100000px); n个这个元素(总小100000px); n个这个元素(总小100000px); 关键就是在hidden元素内部再放一个div,然后设置足够大的空间,容浮动对象,不让它碰到到边而换行.
css禁止float浮动元素自动换行/定位问题
热门推荐
我的笔记
04-09 1万+
n个这个元素(总小100000px); 关键就是在hidden元素内部再放一个div,然后设置足够大的空间,容浮动对象,不让它碰到到边而换行. 如果浮动+定位position配合,将需要给浮动元素的父元素加上width和height,要不,可能会出现父元素虽然经过清除浮动还是0空间大小,而显示不出内容
浮动不换行
weixin_33857230的博客
11-09 421
http://www.yaotaiyang.com/latestnews/ruheqiangzhifudongbuhuanhang/
css ie6/ie7自动换行
avfe7468的博客
05-28 187
一个常见的css开发中的问题就是IE6,IE7下浮动元素不自动换行，我们只要加上一句white-space:nowrap就可以得到解决了。E6下有不少奇怪的Bug，昨天就碰到一个，症状是并列的几个span元素，如<span class=”left”><span class=”center”>和<span class=”right”>三个元素，如果....
盒子浮动不换行
初级程序员
08-05 1091
使css块级元素在一行不换行： <ul class=pic> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>
css 可以采用哪些属性使得不换行
06-14
**作用**：使块级元素以内联方式流动，避免自动换行 **示例**： ```css .inline-items { display: inline-block; /* 多个元素保持在同一行 */ } ``` #### 辅助控制属性 3. **`overflow: hidden` + `text-...
css 数字不要一整行换行
08-29
所以，我们可能需要换一种思路：让容器在遇到长数字时出现水平滚动条，或者让数字自动换行但保持不断开？这似乎不可能，因为数字没有内在的断点。 11. 实际上，有一个CSS属性可以解决：`hyphens: manual;`（或`...
CSS如何让span和img不要换行
最新发布
11-22
- **原理**：Flexbox提供弹性布局，自动处理元素对齐。 - **代码示例**： ```html <span>Flex文本 图片"> ``` ```css .flex-container { display: flex; /* 启用Flexbox */ flex-wrap: nowrap; /* 禁止...
IE7 float:right 右浮动时元素换行错位的bug解决方法
09-25
次的情况与上次不同，上次直接将浮动的元素移到不浮动的元素之前就可以解决问题，而这次的float:right 时元素换行错位的情况，在下文也给出了不错的解决方法
全兼容瀑布流PC移动都可用
06-15
全兼容瀑布流PC移动都可用
Demo-瀑布流
12-03
很给力的 流行的网站瀑布流布局 IE7 火狐 谷歌 测试通过
css float不换行的方法是什么
u014443416的博客
07-14 1192
使用弹性布局，只需要在父元素上设置“display: flex”属性，即可让子元素进行自适应布局。浮动元素在不设置宽度的情况下，会默认占用父元素的宽度。如果父元素的高度不够，那么浮动元素将被“挤”下一行。可以使用清除浮动技巧。除了清除浮动来让浮动元素不换行之外，还可以采用“display: inline-block”属性。该属性可以让元素具有行内块级元素的特点，既高度可以被设置，又可以保持同一行显示。如果浮动元素设置了宽度，那么即使父元素高度不够，它也会在同一行显示。2.使用伪类清除浮动。
IE7下浮动元素的内容自动换行的BUG解决方法
weixin_30729609的博客
03-08 173
有时候我们想写个浮动得到这样的效果： 代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> *{margin:0; padding:0;...
IE6 7 下右浮动元素自动换行问题
CodingPoorCat的博客
08-15 2056
IE6 7 下右浮动元素自动换行问题问题原因： IE6 IE7 IE8(Q) 下，若浮动元素之前存在兄弟行内非浮动元素，IE 会将浮动元素所在的“当前行”认为是其前边的兄弟行内元素所产生的匿名框的底边，导致该浮动元素折行。标准参考W3C CSS 2.1 规范文档里对于浮动元素与非浮动行内元素相邻时的情况有如下解释。
超出单元格宽度被撑出(不能换行)的问题
lampsunny的专栏
04-12 1282
其实不用那么复杂,直接一行代码: td{ word-break:break-all; word-wrap:break-word; } 　对于div 　　1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px; } 或者#wrap{word-br
IE6/IE7下float:right的导致元素换行显示
code旅行者的专栏
04-21 2838
http://blog.youkuaiyun.com/freshlover/article/details/7531931
浮动，换行
lhblmd的博客
10-12 995
2020.10.12 文本换行 规则： 中文 日文 韩文 等遇到边界自动换行 英文按照 单词 会自动换行 英文连续长单词不会换行 文本内容多时，有时会需要强制换行 语法： 选择器{ word-break:break-all; } 文本内容多的时候，有时会需要强制不换行 语法： 选择器{ white-space:nowrap; } 溢出处理 块级元素内容占满高或宽后怎么办 自动换行 滚动条 语法： 选择器{ overflow：属性值; } 属性值 效果 visible
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值