HTML/CSS
图片自适应手机端并居中显示CSS样式
很多内容编辑器对图片的处理是居左显示的,如果是响应式的HTML5网站,还存在图片宽度太宽显示不全的问题。这种情况,在后台上传图片时,图片宽度默认是图片的真实宽度,可以把宽度设置为100%,或留空不填,高度也留空不填。内容页写法<div class="detail"> 这里是内容及图片</div> CSS样式可以如下写法,如果担心在电脑上浏览时,图片过大撑破页面……
Font Awesome字体图标的使用方法
Font Awesome字体图标的特色 ✓ 一种字体,包含605个图标(截至4.5.0版本); ✓ 纯 css 控制,能够轻松定义图标的颜色、大小、阴影以及任何 CSS 能够实现的效果; ✓ 无限缩放,矢量图标在任何尺寸下都一模一样; ✓ 免费使用,包括商业和非商业项目; ✓ 支持 Internet Explorer 7 浏览器; ✓ 能够在 Retina 屏幕完美呈现; ✓ 简单,易用; ✓……
用记事本编辑保存代码后产生BOM而导致网页报错或白屏的解决方法
很多新手喜欢用系统自带的记事本来编辑保存网页模板程序文件,然后发现出现一些莫名奇妙的问题,比如网页错位、验证码出错、白屏等等。产生这种现象的原因是因为用记事本保存文档的时候,会产生看不到的BOM文件头,下面提供的是批量清除BOM的方法。<?php //有些php文件由于不小心保存成了含bom头的格式而导致出现一系列的问题。以下是批量清除bom头的代码 if (isset ( $……
CSS强制文字不换行对超出文字隐藏并显示省略号
文字超出隐藏并显示省略号text-overflow在使用ellipsis属性时,必须与overflow:hidden; white-space:nowrap; width:150px;这三个样式共同存在时,才会出现省略号的效果,其中overflow: hidden;是自动隐藏文字,text-overflow: ellipsis;是文字隐藏后添加省略号,white-space: nowrap;是……