张文保的博客
张文保 · Paul Zhang

Engineering the Future
功不唐捐,玉汝于成

HTML/CSS

图片按比例缩放代码

这个图片自动按比例缩小代码可以防止页面被图片撑破,一般用在内容页里的插图,比如论坛帖子、文章页、产品详情页。代码如下:<div id=article><img height="800" alt="" width="1280" src="/images.jpg" /></div> <script type="text/javascript" >……

JS

图片自适应手机端并居中显示CSS样式

很多内容编辑器对图片的处理是居左显示的,如果是响应式的HTML5网站,还存在图片宽度太宽显示不全的问题。这种情况,在后台上传图片时,图片宽度默认是图片的真实宽度,可以把宽度设置为100%,或留空不填,高度也留空不填。内容页写法<div class="detail"> 这里是内容及图片</div> CSS样式可以如下写法,如果担心在电脑上浏览时,图片过大撑破页面……

CSS

Font Awesome字体图标的使用方法

Font Awesome字体图标的特色 ✓ 一种字体,包含605个图标(截至4.5.0版本); ✓ 纯 css 控制,能够轻松定义图标的颜色、大小、阴影以及任何 CSS 能够实现的效果; ✓ 无限缩放,矢量图标在任何尺寸下都一模一样; ✓ 免费使用,包括商业和非商业项目; ✓ 支持 Internet Explorer 7 浏览器; ✓ 能够在 Retina 屏幕完美呈现; ✓ 简单,易用; ✓……

Font Awesome

用记事本编辑保存代码后产生BOM而导致网页报错或白屏的解决方法

很多新手喜欢用系统自带的记事本来编辑保存网页模板程序文件,然后发现出现一些莫名奇妙的问题,比如网页错位、验证码出错、白屏等等。产生这种现象的原因是因为用记事本保存文档的时候,会产生看不到的BOM文件头,下面提供的是批量清除BOM的方法。<?php //有些php文件由于不小心保存成了含bom头的格式而导致出现一系列的问题。以下是批量清除bom头的代码 if (isset ( $……

BOM

CSS强制文字不换行对超出文字隐藏并显示省略号

文字超出隐藏并显示省略号text-overflow在使用ellipsis属性时,必须与overflow:hidden; white-space:nowrap; width:150px;这三个样式共同存在时,才会出现省略号的效果,其中overflow: hidden;是自动隐藏文字,text-overflow: ellipsis;是文字隐藏后添加省略号,white-space: nowrap;是……

CSS
SSL安全认证