html+css
故野98
这个作者很懒,什么都没留下…
展开
-
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 · 237 阅读 · 0 评论 -
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 · 1832 阅读 · 0 评论 -
HTML 文字与图片元素垂直对齐方式
一. 问题描述同一个父标签内span标签的文字与图片(img标签)不对齐。 CSS代码: .father{ background-color: orange; height: 60px; } span{ display: inline-block; height: 20px; background-col...原创 2022-04-21 15:37:05 · 8922 阅读 · 0 评论 -
HTML 行内块元素之间的间隙(空格)
一. 存在的问题行内块与行内块元素之间默认会有间隙(空格)。二. 问题产生原因行内块元素换行或是之间存在空格的时候,浏览器解析默认会有空格。三. 解决方法(4种)1. 给行内块元素添加float属性(浮动)。------ 推荐2. 行内块元素之间不要留空格或换行。3. 给行内块元素设置margin-left: -5px。4. 给行内块元素的父标签设置font-size:0, 自身设置font-size(必要)。------ 不推荐四. 修改后结果..原创 2022-04-19 13:20:24 · 2936 阅读 · 0 评论