HTML/CSS - 随笔分类 - 平平淡淡summer

css强制换行和超出部分隐藏实现

摘要：1、强制换行 word-break:break-all;只对英文起作用，以字母作为换行依据 word-wrap:break-word;只对英文起作用，以单词作为换行依据 white-space:pre-wrap;只对中文起作用，强制换行 word-break:break-all和word-wrap: 阅读全文

posted @ 2018-12-05 14:13 平平淡淡summer 阅读(866) 评论(0) 推荐(0)

怎么去掉select的下拉箭头和输入框input类型为number时的上下箭头

摘要：一、去掉select的下拉箭头方法一：在select外面加一个div，设置select宽度大于div的宽度，并加一个超出隐藏属性overflow:hidden,小三角会隐藏掉；方法二：给select添加css样式二、输入框input类型为number时的上下箭头阅读全文

posted @ 2018-08-25 13:08 平平淡淡summer 阅读(2095) 评论(0) 推荐(0)

在浏览器网址前面显示小图标的方法

摘要：第一步：使用Photoshop制作一个宽高均为32像素的小图标，制作完成后存储为ico格式; 第二步：在head部分插入下面这句代码，注意href里的地址是你存放ico图标的地址，根据你网站上存放的位置来写。 <link rel="shortcut icon" type="image/x-icon" 阅读全文

posted @ 2018-05-17 10:19 平平淡淡summer 阅读(437) 评论(0) 推荐(0)

一个宽度不确定的DIV里放三个水平对齐的DIV，左右两个DIV宽度固定为100px，中间那个DIV自适应宽度

摘要：方法一：浮动注意三个div的位置 <html><head> <meta charset="utf-8"> <style type="text/css"> *{ margin:0; padding:0; } .left{ width: 100px; background-color: red; he 阅读全文

posted @ 2018-04-12 15:39 平平淡淡summer 阅读(506) 评论(1) 推荐(0)

常见浏览器的兼容性问题

摘要：对浏览器兼容问题，一般分为html、css兼容、javascript兼容。不同浏览器的标签默认的外补丁和内补丁不同；问题：随便写几个标签，不加样式控制的情况下，各自的margin和padding差异大。解决方法：css里加*{margin：0；padding：0；} 2. 块属性标签float 阅读全文

posted @ 2018-04-09 21:21 平平淡淡summer 阅读(164) 评论(0) 推荐(0)

placeholder颜色更改

摘要：::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999; } ::-moz-placeholder { 阅读全文

posted @ 2017-08-23 20:50 平平淡淡summer 阅读(540) 评论(0) 推荐(0)

移动web的基础知识

摘要：一、像素 px:CSS pixels逻辑像素，浏览器使用的抽象单位 dp,pt:设备无关像素 (物理像素) dpr:设备像素缩放比计算公式： 1px = (dpr)*(dpr)*dp 二、viewport <meta name="viewport" content="name=value,name 阅读全文

posted @ 2017-08-19 21:44 平平淡淡summer 阅读(122) 评论(0) 推荐(0)

随笔分类 - HTML/CSS