一般页面头部的导航用<ul><li></li></ul>,分隔符用图片 对于要在同一水平线的搜索框和搜索栏，可以加上属性vertical-align:middle 标题过长实现自动出现省略号：ul li p{ white-space: nowrap; text-overflow: ellipsis; ...
分类：
其他好文 时间：
2016-09-14 16:32:39
阅读次数：
112
一。单行文字打点： 三个css属性一件套： white-space: nowrap; // 不换行 over-flow: hidden; // 溢出隐藏 text-overflow: ellipsis; // 文本溢出打点 二、多行文字打点： （1）直接overflow: hiddne; 不打点 （ ...
分类：
其他好文 时间：
2016-09-08 22:55:02
阅读次数：
208
{width: 150px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} 1、之前在考虑如果进行字符串截断时，一直在思考如何用js来完成而忽略了css的text-overflow属性； 通过设置white-space ...
分类：
其他好文 时间：
2016-09-02 18:55:47
阅读次数：
147
今天做东西，遇到了这个问题，百度后总结得到了这个结果。 首先，要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 这三个是css的基础属性，需要记 ...
分类：
Web程序 时间：
2016-09-01 17:54:30
阅读次数：
175
<style type="text/css"> p{ width: 250px; color: red; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; } p a{ col ...
分类：
其他好文 时间：
2016-08-23 18:43:50
阅读次数：
117
/*p标签自动换行*/ p{ word-wrap:break-word; word-break:normal; } /*p强制不换行*/ p{ white-space:nowrap; } /*块级元素强制英文单词断行*/ p{ word-break:break-all; } ...
分类：
Web程序 时间：
2016-08-19 13:18:15
阅读次数：
381
1. word-break:break-all;只对英文起作用，以字母作为换行依据 2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据 3. white-space:pre-wrap; 只对中文起作用，强制换行 4. white-space:nowrap; 强制不换 ...
分类：
Web程序 时间：
2016-08-17 13:35:19
阅读次数：
175
text-overflow text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 语法： 但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容 ...
分类：
Web程序 时间：
2016-08-14 21:56:01
阅读次数：
148
容器属性：1.flex-direction:项目的排列方向(1)row 主轴方向排列(2)row-reverse 主轴反方向排列(3)column 纵向排列(4)column-reverse 纵向反方向排列2.flex-wrap:项目的换行方式(1)nowrap:不换(2)wrap:换行，第一行在上 ...
分类：
其他好文 时间：
2016-07-31 17:38:15
阅读次数：
115
