摘要: 强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}强制英文单词断行div{word-break:break-all;}============================================CSS设置不转行:overflow:hidden 隐藏white-space:normal 默认pre 换行和其他空白字符都将受到保护nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象设置强行换行word-break:normal ; 依照亚洲语言和非亚洲语言的 阅读全文
posted @ 2013-05-30 17:36 萌小孩 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 1.页面内容居中01body{02margin:0auto;03}2.单行文字图标居中01div {02height:25px;03line-height:25px;04}05//也就是给height和line-height同样的高度,再用margin-bottom来细调。3.当网页字体小于12px时 chrome内核浏览器始终显示为12px01body{02-webkit-text-size-adjust:none;/*for chorme*/03}4.ie6双倍margin的bug01#box{02float:left;03width:100px;04margin:000100px; // 阅读全文
posted @ 2013-05-30 15:46 萌小孩 阅读(126) 评论(0) 推荐(0) 编辑
摘要: INPUT文本框在不同浏览器下的表现我们将一个INPUT文本框字符宽度设置为30,代码如下:< input id="demo1" name="demo1" type="text" size="30">从外观上看,IE各版本浏览器显示长宽是一样的,都为220x21px,但是边框样式上有所不同。Chrome、Firefox、Safari、Opera的长宽以及边框则各不相同。其实INPUT在不同浏览器中的区别远不止这些,每个浏览器为了保证网页在没有样式表的情况下能够正常显示,它们都自带了一套默认的CSS样式表 阅读全文
posted @ 2013-05-30 15:45 萌小孩 阅读(276) 评论(0) 推荐(0) 编辑