IE7 浮动元素 禁止自动换行

最新推荐文章于 2023-07-14 14:15:29 发布
最新推荐文章于 2023-07-14 14:15:29 发布
阅读量914 收藏
点赞数
分类专栏： 前端开发 文章标签： ie 浏览器 chrome
  今天在给网页测浏览器时发现，当缩小浏览器宽度时，IE7中浮动元素会自动调整宽度（内容自动换行），使元素变得很高，而不是被挤到下一行，严重影响了原页面样式和用户阅读。
    IE6没测，不知道怎么样，IE8,9，FF，Chrome测过都没问题。
    解决方法：如果不想固定宽度（当然没有固定，否则还有这个问题么==），可以禁止内容自动换行，即对对浮动元素设置"white-space:nowrap;"。亲测有效哦~
load_life
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浮动，换行
lhblmd的博客
10-12 892
2020.10.12 文本换行 规则： 中文 日文 韩文 等遇到边界自动换行 英文按照 单词 会自动换行 英文连续长单词不会换行 文本内容多时，有时会需要强制换行 语法： 选择器{ word-break:break-all; } 文本内容多的时候，有时会需要强制不换行 语法： 选择器{ white-space:nowrap; } 溢出处理 块级元素内容占满高或宽后怎么办 自动换行 滚动条 语法： 选择器{ overflow：属性值; } 属性值 效果 visible
float 禁止换行
friendan的专栏
11-29 1万+
参考文章：http://blog.csdn.net/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 372
http://www.yaotaiyang.com/latestnews/ruheqiangzhifudongbuhuanhang/
css ie6/ie7自动换行
avfe7468的博客
05-28 124
一个常见的css开发中的问题就是IE6,IE7下浮动元素不自动换行，我们只要加上一句white-space:nowrap就可以得到解决了。E6下有不少奇怪的Bug，昨天就碰到一个，症状是并列的几个span元素，如<span class=”left”><span class=”center”>和<span class=”right”>三个元素，如果....
IE7 float:right 右浮动时元素换行错位的bug解决方法
09-25
次的情况与上次不同，上次直接将浮动的元素移到不浮动的元素之前就可以解决问题，而这次的float:right 时元素换行错位的情况，在下文也给出了不错的解决方法
IE6和IE7中行内元素后的浮动元素被折行的问题解决
09-27
然而，在IE6和IE7中，如果浮动元素前面有一个非浮动的行内元素，它们会错误地将浮动元素的当前行看作是非浮动元素的底部边界，从而导致浮动元素被推至下一行。此问题在IE8的快速渲染模式（Quirks Mode）下也会出现。...
js实现连续英文字符自动换行兼容ie6 ie7和firefox
10-26
英文字符自动换行,通过js脚本截断字符串,此方法通用ie6,ie7,firefox，使用CSS控制强制换行实现不了的朋友可以尝试下
IE6浮动换行bug比较实用简单解决方法
09-25
本文为大家介绍下IE6浮动换行bug解决办法之一虽然不是最好的办法但是 比较实用简单的办法，具体实现如下
盒子浮动不换行
初级程序员
08-05 945
使css块级元素在一行不换行： <ul class=pic> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>
css float不换行的方法是什么
最新发布
u014443416的博客
07-14 572
使用弹性布局，只需要在父元素上设置“display: flex”属性，即可让子元素进行自适应布局。浮动元素在不设置宽度的情况下，会默认占用父元素的宽度。如果父元素的高度不够，那么浮动元素将被“挤”下一行。可以使用清除浮动技巧。除了清除浮动来让浮动元素不换行之外，还可以采用“display: inline-block”属性。该属性可以让元素具有行内块级元素的特点，既高度可以被设置，又可以保持同一行显示。如果浮动元素设置了宽度，那么即使父元素高度不够，它也会在同一行显示。2.使用伪类清除浮动。
IE7下浮动元素的内容自动换行的BUG解决方法
weixin_30729609的博客
03-08 126
有时候我们想写个浮动得到这样的效果： 代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> *{margin:0; padding:0;...
IE6 7 下右浮动元素自动换行问题
CodingPoorCat的博客
08-15 1980
IE6 7 下右浮动元素自动换行问题问题原因： IE6 IE7 IE8(Q) 下，若浮动元素之前存在兄弟行内非浮动元素，IE 会将浮动元素所在的“当前行”认为是其前边的兄弟行内元素所产生的匿名框的底边，导致该浮动元素折行。标准参考W3C CSS 2.1 规范文档里对于浮动元素与非浮动行内元素相邻时的情况有如下解释。
超出单元格宽度被撑出(不能换行)的问题
lampsunny的专栏
04-12 1187
其实不用那么复杂,直接一行代码: 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 2755
http://blog.csdn.net/freshlover/article/details/7531931
html图片如何不换行,css如何使元素不换行？
weixin_36187176的博客
06-04 5118
在HTML网页中有许多元素都是是自动换行的，但是有时我们需要使用此元素有不需要换行该怎么做呢？下面我们来看一下css使元素不换行的方法。1、使用float属性使元素浮动实现元素不换行效果。示例：无标题文档div{ float:left}第一个div盒子第二个div盒子效果图：float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮...
tedu斌-Web笔记2112-3
weixin_39344835的博客
03-04 6809
居中相关 text-align:center; 让元素的文本内容居中, 让元素里面的行内元素自身和行内块元素自身居中 margin:0 auto; 让块级元素自身居中 元素定位 静态定位 相对定位 绝对定位 固定定位 浮动定位 静态定位 默认的定位方式, 也称为文档流定位 格式: position:static 特点: 元素以左上为基准,块级元素从上往下依次排列, 行内元素从左向右依次排列 ,无法实现层叠效果 如何控制元素的位置? 通过外边距 相对定位 格式: position:relativ
浮动出现问题解决方法
加油~么么哒~~
02-21 4673
1.float: right 右浮动时，靠右换行（错行）的解决方法 当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥。把右浮动的标签放在正常标签的前面即可。 {forum}{subject}{date1} {date1}{forum}{subject} 2.浮动如何换行 例子如：两个div设置了左浮动，
浮动与定位
lizixuan2001的博客
11-21 271
为什么用浮动？解决了多个块状元素在同一行显示的布局问题 用在哪？用在页面布局 怎么用？ float:left/right 浮动最早是用来控制图片，以便达到其他元素（特别是文字）实现“环绕”图片的效果。 浮动的特征 浮动脱离标准流，不占位置，会影响标准流。浮动只有左右浮动。 浮动首先创建包含块的概念。就是说，浮动的元素总是找离它最近的父级元素对齐。但 是不会超出内边距的范围。 1.一个父盒子里面的子盒子，如果其中一个子级有浮动的，则其他子级都需要浮动。 这样才能一行对齐显示。 2.元素添加浮动.
清除浮动.docx
11-27
...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值