今天主要学习了CSS高级技巧,重点掌握精灵图、字体图标的使用,单行溢出显示省略号和一些常用的布局技巧! 今日框架: 今日重点: 一、精灵图:为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度 1)精灵图又称雪碧图,CSS Sprites 2)将网页中需要使用的多张小图片整合到一张大图中,这 ...
分类:
Web程序 时间:
2020-11-10 11:18:40
阅读次数:
31
动作 printf printf 可以实现格式化输出格式: printf “FORMAT”, item1, item2, ... 说明: 必须指定FORMAT 不会自动换行,需要显式给出换行控制符 \n FORMAT中需要分别为后面每个item指定格式符 格式符:与item一一对应 %c:显示字符的 ...
分类:
其他好文 时间:
2020-07-14 09:20:53
阅读次数:
73
介绍 只需一行代码搞定pdf的框架,x-easypdf基于pdfbox构建而来,极大降低使用门槛,以组件化的形式进行pdf的构建。简单易用,仅需一行代码,便可完成pdf的操作。 特性 轻量级仅添加pdfbox相关依赖,无其他任何依赖 简单易用仅需一行代码,便可完成pdf的操作 自动换行分页文本超出单 ...
分类:
其他好文 时间:
2020-07-10 13:36:34
阅读次数:
114
CSS 中文开发手册 自动换行 | word-wrap (Text) - CSS 中文开发手册 该overflow-wrapCSS属性指定浏览器是否应该在单词中插入换行符,以防止文本溢出其内容框。与word-break相反,如果整个单词不能在没有溢出的情况下放在自己的行上,overflow-wrap... ...
分类:
Web程序 时间:
2020-07-04 01:16:17
阅读次数:
79
/* 设置起始坐标和大小 */ ui->label->setGeometry(QRect(0, 50, 800, 27*4)); /* 自动换行 */ ui->label->setWordWrap(true); /* 顶部显示 */ ui->label->setAlignment(Qt::Align ...
分类:
其他好文 时间:
2020-07-03 15:28:11
阅读次数:
78
1.HTML的head标签 head标签中主要配置浏览器的配置信息 常用的配置信息: 1.网页解析编码格式 2.网页标题标签 3.网页关键字 4.网页描述 5.作者 6.自动跳转 7.其他(引入css,js) 注:其中第三,第四和第五项,提升在浏览器中的搜索概率 例: 2.HTML的body标签(文 ...
分类:
Web程序 时间:
2020-07-02 16:22:34
阅读次数:
101
通过设置标签属性,去掉无序编号自动换行,代码如下: <!DOCTYPE html> <html> <head> <style> #pic_list { display:block; white-space:nowrap; width:500px; overflow:auto; } #pic_list ...
分类:
其他好文 时间:
2020-06-27 11:40:50
阅读次数:
180
单行文本省略号: overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 多行文本省略号: display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertic ...
分类:
其他好文 时间:
2020-06-17 10:50:21
阅读次数:
83
Layui.form中使用class="layui-input-inline"就可轻松将元素都放到一行,但如果元素过多,就会自动换行。那就需要手动设置input框的长度。 像这种情况: 其实只需要添加css样式就可修改了 .layui-form-item .layui-input-inline { ...
分类:
其他好文 时间:
2020-06-15 23:17:34
阅读次数:
470