HTML、CSS
大海哪蓝
好记性不如烂笔头!
展开
-
正则表达式匹配从指定字符开始到指定字符结束的字符串
a.*?b就是a开始b结束的匹配如果要限制是一行的开头和末尾的话,就是^a.*?b$下图为sublime中使用该正则进行匹配替换的效果:原创 2019-01-08 10:57:30 · 32989 阅读 · 1 评论 -
使用CSS过滤器让透明的彩色png图像变纯白
使用CSS过滤器让透明的彩色png图像变纯白<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body><style>html { background: red;}p { float: left; max-width: 50%; text-align: ce.转载 2020-12-30 11:43:40 · 1657 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。接下...转载 2018-07-26 19:00:34 · 173 阅读 · 0 评论 -
让内容区的图片自适应内容区大小,连续不断的字母或数字、网址等过长时自动换行
我们在网站上添加信息的时候,上传的图片,有些自带了宽度,不做处理的话,可能会撑坏了内容区。另外,有些连续不断的字母或数字、网址等过长且不自动换行,需要在css里面强制换行以防止其超出内容区。可以按以下方法处理:<style>/* 使用break-word,将连续不断的字母或数字、网址等强制换行 */#conbox{word-wrap:break-word;}/* ...原创 2018-12-21 17:52:55 · 323 阅读 · 0 评论 -
一张图片在整个网页中水平垂直居中
<style type="text/css">*{ margin:0; padding:0;}.imgcen{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}</style><img src="...转载 2019-06-06 15:52:00 · 985 阅读 · 0 评论 -
CSS实现单行,多行文本均垂直居中
HTML部分:<dl> <dt>小学部</dt> <dd>思想品德、语文、数学、英语、计算机、科学、艺术等</dd></dl><dl> <dt>中学部</dt> <dd>思想政治、语文、数学、英语、物理、化学、历史、地理、生物、计算机...原创 2019-08-06 18:10:51 · 739 阅读 · 0 评论