随笔分类 -  CSS

上一页 1 2 3 下一页
实现单行、多行——文本溢出显示省略号
摘要：一、单行溢出单行文本的溢出显示省略号，这种做法我们通常用text-overflow来实现，然后给元素定宽，超出隐藏 二、多行文本溢出 1、采用的:after来解决的 2、js的方法来实现 阅读全文
posted @ 2019-05-07 10:46 嘆世殘者——華帥 阅读(191) 评论(0) 推荐(0)
点击输入框，标题上移
摘要：效果 阅读全文
posted @ 2019-04-25 16:40 嘆世殘者——華帥 阅读(353) 评论(0) 推荐(0)
html网页引用中文字体，解决加载缓慢办法
摘要：【ttf 压缩】html网页引用中文字体，文件过大，加载缓慢的解决办法【字蛛】【web font】 【字蛛】http://font-spider.org/ 先安装好 NodeJS，然后执行： 安装后，会看到一堆报错、警告，不必理会 在 CSS 中使用 WebFont： @font-face 中的 s 阅读全文
posted @ 2019-03-28 18:39 嘆世殘者——華帥 阅读(1390) 评论(0) 推荐(0)
A页面跳转到B页面后打开指定tabs标签
摘要：A页面： B页面： 阅读全文
posted @ 2019-03-24 17:15 嘆世殘者——華帥 阅读(549) 评论(0) 推荐(1)
type=file的inpu美化，自定义上传按钮样式
摘要：点击上传 css部分： 阅读全文
posted @ 2018-07-26 10:55 嘆世殘者——華帥 阅读(288) 评论(0) 推荐(0)
HTML5+CSS3点击指定按钮显示某些内容效果
摘要：效果： 转载：http://www.xszzz.com/2013/07/96.html 阅读全文
posted @ 2018-06-23 21:27 嘆世殘者——華帥 阅读(938) 评论(0) 推荐(0)
著名的3像素Bug（div+img，多出几像素）
摘要：<div><img src="...."></div> 给img的css设置display: block;/*用来去除div下边莫名多出来的3px的像padding-bottom的东西。注:vertical-align: middle; 亦可*/ 阅读全文
posted @ 2018-06-17 20:38 嘆世殘者——華帥 阅读(502) 评论(0) 推荐(0)
单行内容对应多行内容居中
摘要：问题如标题 效果如上 实现： 阅读全文
posted @ 2018-03-15 15:53 嘆世殘者——華帥 阅读(155) 评论(0) 推荐(0)
图片自适应
摘要：提取bootstrap的样式 新方法： 阅读全文
posted @ 2018-03-06 12:27 嘆世殘者——華帥 阅读(153) 评论(0) 推荐(0)
纯css3实现的switch开关按钮
摘要：效果如图 阅读全文
posted @ 2018-03-05 11:59 嘆世殘者——華帥 阅读(406) 评论(0) 推荐(0)
去掉A标签的点击选中边框
摘要：非IE 阅读全文
posted @ 2017-09-15 11:46 嘆世殘者——華帥 阅读(304) 评论(0) 推荐(0)
复习reactnative....
摘要：import React, { Component } from 'react'; import { AppRegistry, Text, Image, View, TextInput, ScrollView, FlatList, SectionList, StyleSheet, } from 'react-native';... 阅读全文
posted @ 2017-07-27 15:59 嘆世殘者——華帥 阅读(159) 评论(0) 推荐(0)
点击图片弹出文件选择框
摘要：摘要： 我觉得input file很丑。 HTML CSS JS 效果图 阅读全文
posted @ 2017-06-14 16:30 嘆世殘者——華帥 阅读(438) 评论(0) 推荐(0)
bootstrap的模拟单选按钮
摘要：bootstrap,模拟单选按钮 阅读全文
posted @ 2017-06-06 11:58 嘆世殘者——華帥 阅读(408) 评论(0) 推荐(0)
变相实现textarea文本域
摘要：效果图： html： css： 阅读全文
posted @ 2016-06-02 16:14 嘆世殘者——華帥 阅读(132) 评论(0) 推荐(0)
file按钮美化成图片（纯HTML+CSS）
摘要：效果图： 代码实现： html： CSS： 阅读全文
posted @ 2016-06-02 15:58 嘆世殘者——華帥 阅读(554) 评论(0) 推荐(0)
自适应轮播图
摘要：使用方法： 首先要在页面中引入必要的css和js文件。 使用方法： 首先要在页面中引入必要的css和js文件。 js: html： 效果图： width：1920px width：600px 阅读全文
posted @ 2016-05-30 15:35 嘆世殘者——華帥 阅读(311) 评论(0) 推荐(0)
中文版Chrome浏览器不支持12px以下字体的解决方案
摘要：解决方案是禁止webkit浏览器配置调整网页的字体大小。 如下CSS定义方式： 或： 阅读全文
posted @ 2016-05-07 18:37 嘆世殘者——華帥 阅读(161) 评论(0) 推荐(0)
css解决td单元格内文字溢出
摘要：<table>标签加样式：table-layout:fixed;（一定要加，否则下面定义的td的样式都不起作用了） <td>加样式：overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap; 阅读全文
posted @ 2016-05-06 18:58 嘆世殘者——華帥 阅读(285) 评论(0) 推荐(0)
html中hr的各种样式使用
摘要：第一种： height:2px;是hr的高度 border:none;是没有边框 border-top:2px dotted #185598;是设置横线的样式 dotted 虚线 #185598 颜色 第二种： 第三种： 第四种： 第五种： 第六种： border-top:10px groove s 阅读全文
posted @ 2016-05-04 11:23 嘆世殘者——華帥 阅读(617) 评论(0) 推荐(0)

上一页 1 2 3 下一页