前端
Nemo.1213
这个作者很懒,什么都没留下…
展开
-
文本元素底边对齐问题
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 · 1174 阅读 · 0 评论 -
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 · 264 阅读 · 0 评论 -
溢出容器部分的文字处理
单行文本,溢出部分打点 <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 · 212 阅读 · 0 评论 -
垂直方向margin塌陷现象
现象描述:标准文档流中,父子结构的盒子,竖直方向的margin不叠加,以较大的为准。 如果不在标准文档流中,比如两个盒子都浮动了,则不存在塌陷现象,上下margin可叠加。 例1: <!DOCTYPE html> <html> <head> <title>垂直方向margin塌陷</title> <style type="text/css"> * { margin: 0;原创 2020-08-02 16:20:56 · 189 阅读 · 0 评论 -
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 · 183 阅读 · 1 评论