- 博客(5)
- 收藏
- 关注
原创 文本元素底边对齐问题
1.当行级块元素里没有内容时,后面跟着的文本和它盒子的底边对齐:<style type="text/css"> *{ margin: 0; padding: 0; } span{ display: inline-block; width: 100px; height: 100px; background-color: red; }</style><body> <span></span>
2020-08-02 21:31:17 1125
原创 css背景图替代文字 - 如何让css无法加载时页面功能依然不受影响
<!DOCTYPE html><html><head> <title>图片替代文本</title> <style type="text/css"> div{ width: 213px; height: 73px; background: url(imgs/TB1YZkPLpXXXXbzXXXXXXXXXXXX-213-57.png) no-repeat; /*让文字超出容器*/ text-in.
2020-08-02 20:29:37 232
原创 溢出容器部分的文字处理
单行文本,溢出部分打点 <head> <title>溢出容器内容打点</title> <style type="text/css"> * { margin: 0; padding: 0 } .single{ width: 400px; height: 25px; border: 1px solid grey; /******让文字不换行*
2020-08-02 19:58:28 179
原创 垂直方向margin塌陷现象
现象描述:标准文档流中,父子结构的盒子,竖直方向的margin不叠加,以较大的为准。如果不在标准文档流中,比如两个盒子都浮动了,则不存在塌陷现象,上下margin可叠加。例1:<!DOCTYPE html><html><head> <title>垂直方向margin塌陷</title> <style type="text/css"> * { margin: 0;
2020-08-02 16:20:56 170
原创 html - iframe
irame: 框架页,通常用于在网页中嵌入另一个页面例1:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=
2020-07-29 23:25:34 138 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人