隐藏第三方网站统计图标 2018/06/21 | HTML/CSS | 张文保 | 暂无评论 | 371 views 有时为了页面美观,需要隐藏一些不需要展示的代码,而这些代码的功能却一定要生效,比如统计代码。下面提供两种方法隐藏: 第一种方法,将统计代码放在<div style=”display:none”>与</div>中间,如下所示: <div style=”display:none”> ……
修改WordPress默认字体为微软雅黑 2018/06/15 | WordPress | 张文保 | 1 条评论 | 892 views WordPress默认自带的模板主题以及一些国外的WordPress模板里的中文字体很模糊特别难看,不符合国人的审美,下面提供一行简单的CSS代码,即可解决整站字体,而且不影响Font awsome图标。 复制以下代码: *:not([class*=”icon”]):not(i) {font-family: Segoe UI, “Micr……
段落开头自动空两格CSS代码 2018/02/25 | HTML/CSS | 张文保 | 暂无评论 | 560 views 网页内容中遇到大量的中文段落时,排版需要为每个段落前空两格或者往右缩进两格,以符合中文阅读的习惯,不会像豆腐块一样。只需要将文章“容器”样式中加上text-indent这个属性就可以了,如下代码所示: .box{text-indent:2em;} 或者 <div style=”text-indent:2em;”>你的文章内容!……
图片自适应手机端并居中显示CSS样式 2017/02/27 | HTML/CSS | 张文保 | 暂无评论 | 525 views 很多内容编辑器对图片的处理是居左显示的,如果是响应式的HTML5网站,还存在图片宽度太宽显示不全的问题。 这种情况,在后台上传图片时,图片宽度默认是图片的真实宽度,可以把宽度设置为100%,或留空不填,高度也留空不填。 内容页写法 <div class=”detail”> 这里是内容及图片</div> ……
CSS强制文字不换行对超出文字隐藏并显示省略号 2017/01/04 | HTML/CSS | 张文保 | 暂无评论 | 542 views 文字超出隐藏并显示省略号 text-overflow在使用ellipsis属性时,必须与overflow:hidden; white-space:nowrap; width:150px;这三个样式共同存在时,才会出现省略号的效果,其中overflow: hidden;是自动隐藏文字,text-overflow: ellipsis;是文字隐……