摘要: 我们做登录页面时有时需要用户名和密码俩端对齐,这样显得美观一点,下面介绍一下几种实现方法: 一、使用 text-align属性(只兼容谷歌、火狐浏览器): html <ul> <li>密码</li> <li>用户名</li> <li>身份证号</li> </ul> css ul li{ width: 阅读全文
posted @ 2020-07-29 22:12 消逝的风i 阅读(941) 评论(0) 推荐(0) 编辑
摘要: 响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时,如果想要图片按比例缩放,最简单的就是把img宽度设为100%,不设置高度,高度就会自动跟着高度缩放。 但是如果要达到的效果是,要让图片的宽高要按一定的比例显示,如1:1 、4:3 等,然而图片尺寸不是这个比例,又不想让图片拉伸变形 阅读全文
posted @ 2020-07-29 21:54 消逝的风i 阅读(12074) 评论(0) 推荐(0) 编辑
摘要: 在html中如果要把多余的文字显示为省略号,那么有以下几种方法: 单行文本: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt 阅读全文
posted @ 2020-07-29 21:30 消逝的风i 阅读(2220) 评论(0) 推荐(1) 编辑
摘要: 在很多网站上我们都看到input输入框显示提示文字,让我们一起来看看如果在input输入框中显示提示文字。我们只需要在<input>标签里添加:placeholder="提示文字即可",那么如果要修改提示文字的样式呢?可以这样设置css样式: <!DOCTYPE html> <html> <head 阅读全文
posted @ 2020-07-29 21:10 消逝的风i 阅读(5802) 评论(0) 推荐(1) 编辑
摘要: 在做表单提交时我们有时会遇到这样的需求,在用户没有输入必填信息点提交时提示文字需要改为我们想要的提示信息,那么可以在input里面增加这样的语句: <input type="text" placeholder="您的姓名" required oninvalid="setCustomValidity( 阅读全文
posted @ 2020-07-29 21:01 消逝的风i 阅读(2720) 评论(0) 推荐(0) 编辑
摘要: 最近在做一个页面时,发现在 iPad 的 Safari 浏览器中背景显示不全,定位到该 div 后发现所指定 css 的宽度为 100% ; 到百度搜索后发现,safari 中 viewport 默认宽度为 980px,若事先未指定其初始 viewport 宽度,则会默认按照 980px 处理。 可 阅读全文
posted @ 2020-07-29 20:48 消逝的风i 阅读(2769) 评论(0) 推荐(0) 编辑
摘要: 我们在使用html编写一个网站的时候,通常情况下头部和尾部是相同的,如果一个网站的每个页面都把这些代码写一遍,不仅浪费时间,还显得重复代码很多,所以此时把重复的页面单独摘出来,在用到的时候从外部直接引进去,就能节省很多时间,减少很多代码。 在这里,有好几种引入html文件的方式,不过每种都是有利有弊 阅读全文
posted @ 2020-07-29 20:06 消逝的风i 阅读(19924) 评论(0) 推荐(1) 编辑
摘要: 在控制元素的水平、垂直居中问题时,有很多种解决方法,下面介绍几种解决办法: 水平垂直居中: 第一种:css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: 阅读全文
posted @ 2020-07-28 20:55 消逝的风i 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 移动端布局有很多种,这里我们最常使用到rem+百分比的布局方式(高度/字体设置rem单位,宽度设置百分比)来处理屏幕兼容,这种方法在兼容上是比较不错的,可以使得字体以及整体适应各种大小的屏幕,可以解决ipad等比较大屏幕的适应兼容。然而发现一些问题。页面在加载未完成前会出现瞬间错乱的现象,虽然时间不 阅读全文
posted @ 2020-07-27 23:52 消逝的风i 阅读(1376) 评论(0) 推荐(0) 编辑
摘要: 说来js数组去重,想必大家也不陌生,面试官经常也会问到的一个问题,接下来就给大家介绍一下数组去重的几种方法。 ES5之前实现方法: 1.遍历数组法 它是最简单的数组去重方法(indexOf方法) 实现思路:新建一个数组,遍历去要重的数组,当值不在新数组的时候(indexOf为-1)就加入该新数组中; 阅读全文
posted @ 2020-07-24 11:31 消逝的风i 阅读(2852) 评论(0) 推荐(0) 编辑