GuYe98的博客

一. 单行 css代码： .box{ width:100px; height: 100px; border: 1px solid black; white-space: nowrap; /* 文本不换行 */ overflow: hidden; /* 超出隐藏 */ text-overflow: ellipsis; /* 文本超出显示为省略号 */ } html代码： <div class="

一. 问题描述 我们在进行页面布局时，会发现有些html标签默认会有行高，比如h1-h6标签有默认的行高，为了不影响我们布局，有时会把默认行高去除。 例如： <h1 style="background-color: green;">文本一</h1> 有默认行高： 二. 解决方法 给标签设置 line-height: 100%; 即可去掉默认的行高。 <h1 style="background-color: green;line-heigh

一. 问题描述 同一个父标签内span标签的文字与图片（img标签）不对齐。 CSS代码： .father{ background-color: orange; height: 60px; } span{ display: inline-block; height: 20px; background-col...

一. 存在的问题 行内块与行内块元素之间默认会有间隙（空格）。 二. 问题产生原因 行内块元素换行或是之间存在空格的时候，浏览器解析默认会有空格。 三. 解决方法（4种） 1. 给行内块元素添加float属性（浮动）。------ 推荐 2. 行内块元素之间不要留空格或换行。 3. 给行内块元素设置margin-left: -5px。 4. 给行内块元素的父标签设置font-size:0, 自身设置font-size（必要）。------ 不推荐 四. 修改后结果 ..