- 博客(5)
- 收藏
- 关注
RSS订阅
1原创 HTML、CSS 文本溢出显示为省略号
一. 单行css代码： .box{ width:100px; height: 100px; border: 1px solid black; white-space: nowrap; /* 文本不换行 */ overflow: hidden; /* 超出隐藏 */ text-overflow: ellipsis; /* 文本超出显示为省略号 */ }html代码： <div class="
2022-05-13 16:19:17
250
原创 HTML 去掉文本默认的行高
一. 问题描述我们在进行页面布局时，会发现有些html标签默认会有行高，比如h1-h6标签有默认的行高，为了不影响我们布局，有时会把默认行高去除。例如： <h1 style="background-color: green;">文本一</h1>有默认行高：二. 解决方法给标签设置 line-height: 100%; 即可去掉默认的行高。 <h1 style="background-color: green;line-heigh
2022-04-22 09:56:56
1875
原创 HTML 文字与图片元素垂直对齐方式
一. 问题描述同一个父标签内span标签的文字与图片（img标签）不对齐。 CSS代码： .father{ background-color: orange; height: 60px; } span{ display: inline-block; height: 20px; background-col...
2022-04-21 15:37:05
9032
原创 HTML 行内块元素之间的间隙（空格）
一. 存在的问题行内块与行内块元素之间默认会有间隙（空格）。二. 问题产生原因行内块元素换行或是之间存在空格的时候，浏览器解析默认会有空格。三. 解决方法（4种）1. 给行内块元素添加float属性（浮动）。------ 推荐2. 行内块元素之间不要留空格或换行。3. 给行内块元素设置margin-left: -5px。4. 给行内块元素的父标签设置font-size:0, 自身设置font-size（必要）。------ 不推荐四. 修改后结果..
2022-04-19 13:20:24
2992
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人