好文分享

“类选择器颜色设置”疑惑 有人提问，如下面的 html 代码中，为什么 元素的内容是蓝色，而不是红色或绿色？ 展示的内容 .a1 { color: red;}.a2 { color: green;}.a3 { color: blue;} 解答 这是因为 css 样式具有层叠性。当多个样式应用于同一元…

文本换行符在 div 中显式的展示 在 html 中，纯文本中的换行符通常会在 div 中显示为空格。如果需要保留文本中的换行格式，可以通过 css 样式对其进行调整。 解决方案： 使用 css 中的 white-space 属性，将其设置为 pre-wrap，即可在 div 中保留文本的换行符。 …

antd calendar如何让第一列展示周日 当我们需要在antd calendar中将第一列展示为星期日时，可以采取以下方法： 方法一：使用moment配置 在项目的main.js文件中，使用以下代码更新moment配置： moment.locale(‘zh-cn’, { week: { dow…

当父元素仅设置行高时，块级或行内块级子元素的行为 在 html 中，当父元素仅设置行高 line-height 时，块级或行内块级元素的行为会有所不同。 <line-height: 60px; background-color: antiquewhite; 哈哈哈 行内块级元素（display…

自适应图片容器的实现 为了让图片自适应容器大小并保持原有比例，可以采用以下 css 代码： img { max-width: calc(100% – 40px); max-height: calc(100% – 40px); position: absolute; inset: 20px; marg…

如何在纯文本保留换行符并在 div 中显示？ 当你将包含换行符的纯文本放入 div 中时，可能会遇到文本在 div 中变为空格的问题。这是因为 div 默认将所有空格视为一个整体。要解决此问题，可以使用 css 属性 white-space。 white-space 属性指定文本在 div 中如何呈…

element ui 表格中添加行背景图片 在 element ui 表格中，可以通过自定义行样式来实现为特定行添加背景图片。具体步骤如下： 定义 css 样式 在 css 文件中定义一个类，用来设置背景图片： .bg-image { background-image: url(‘your-imag…

修改浮动元素宽高对重排的影响 众所周知，当浮动元素出现时，相邻文本内容会环绕其排列。那么，反复修改浮动元素的宽高是否会触发重排呢？ 影响布局，重排是必然 从渲染模型的角度来看，修改浮动元素的宽高将影响其布局，因为这改变了元素在文档流中的位置。具体来说，浮动元素的宽高修改将触发布局重排（layout）…

父元素设置 line-height，inline-block 或 block 子元素的影响 在以下 html 代码中： 哈哈哈 css 代码如下： .box { line-height: 60px; background-color: antiquewhite;}.box .item { displ…