white-space: nowrap;   如有需要还可以设置word-break,word-wrap配合.…

设置文字不换行,超过的部分用“...”代替 overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  width: /*some num*/;…

设置文字不换行,超过的部分用“...”代替  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  width: 210px; 除width属性外,顺序不要颠倒哦!     1.white-space ① normal 默认,空白会被浏览器忽略 ② pre 空白会被浏览器保留.其行为方式类似HTML中的<pre>标签 ③ nowrap 文本不会换行,文本会在同一行上继续,直到遇到<br>标签(开始换行)…

css代码如下:{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 加上中文名“微软雅黑”是为了兼容opera在css中使用英文表示法,以下附常见中文字体的英文名: 网页字体样式华文黑体:STHeiti网页字体样式华文楷体:STKaiti网页字体样式华文宋体:STSong网页字体样式华文仿宋:STFangsong网页字体样式黑体:SimHei ..... 参考…

// 禁止文字被鼠标选中 moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;…

使用表格布局时,对单元格的宽度控制很伤脑筋,所以查阅资料整理如下: 一.表格布局table-layout 语法: table-layout : auto | fixed 取值: auto  : 大多数浏览器采用自动表格布局算法对表格布局:表格及单元格的宽度取决于其包含的内容. fixed :表格和列的宽度通过表格的宽度来设置,某一列的宽度仅由该列首行的单元格决定:在当前列中,该单元格所在行之后的行并不会影响整个列宽. **注意** 使用 “fixed” 布局方式时,整个表格可以在其首行被下载后就…

1  div在页面居中的问题 1)position值为relative时(相对定位),css设置属性margin:0 auto;(0 auto,表示上下边界为0,左右则根据宽度自适应相同值,即居中)即可. 2)position值为relative时(绝对定位),css设置属性    text-align:center; left:50%;  margin-left:-500px;(左边距margin-left设置为当前div宽度的一半的负值即可). 代码示例: .page { position:…

在我们日常的编码中经常会遇到这段文字不可以换行,或者自动换行的需求.虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧(至少小月是很懒惰的从来是用什么查什么 ♦ 嘻嘻...).今天我们来学习一下如何熟练的掌握用css实现文字的强制不换行/自动换行/强制换行的方法.需要的伙伴们可以来一起学习哦! 1. 强制不换行 div{ white-space:nowrap; } 2. 自动换行 div{ word-wrap: break-word; word-break: normal; }…

原文链接:http://www.zhangxinxu.com/wordpress/2010/06/%E5%8F%AF%E7%94%A8%E6%80%A7%E4%B9%8B%E6%B5%8F%E8%A7%88%E5%99%A8%E9%BB%98%E8%AE%A4%E5%AD%97%E4%BD%93%E4%B8%8Ecss%E5%AD%97%E4%BD%93/ 一.浏览器默认字体 众所周知,浏览器字体默认的设置为“宋体/simsun字体 16像素”,例如Chrome浏览器下: 二.CSS中设置的字体…

写样式时遇到的英文字符超出容器问题,度娘后了解下列知识,与大家分享,同时以便自己日后回顾. 一.自动换行问题 正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大. 下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ,当定义的宽度之后自动换行 html: <div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space…