1）将图片转换为块级元素 　　img{display:block;} 2) 将图片的垂直对齐方式由默认的baseline改为top 　　img{ vertical-align:top} 3) 设置父级的文字大小为0px（img同级元素有文字时该方法无效） 　　font-size:0; 4) 设置父级的属性 　　overflow:hidden; 5) 取消图片标签和其父级的最后一个结束标签之间的空格 仅供参考，不代表有效

除了常用的 float:left 实现div并排放置，还可以使用 position:absolute 来实现div并排放置。 css完整参考代码如下： <div style="width:200px; margin:0 auto;"> <div id="left_div" style="position:absolute; background-color:blue;"> left content </div> <div id="right_div" style="background-color:re

哇！2023 年对 CSS 来说是重要的一年！ 从 #Interop2023 到 CSS 和界面领域的许多新着陆，开发者曾认为在 Web 平台上无法实现的功能。现在，每个现代浏览器都支持容器查询、subgrid、:has() 选择器以及大量新的颜色空间和函数。Chrome 支持仅支持 CSS 的滚动驱动的动画，并且支持通过视图转换在网页视图之间流畅地添加动画效果。最重要的是，为了改善开发者体验（例如 CSS 嵌套和作用域样式），许多新基元已推出。 今年真是非比寻常的一年！因此，我们希望在这一具有里程碑意

当div中包含长英文单词时，如果长度超过一行的显示宽度，就会导致页面溢出。 这时需要使用css样式来实现长单词的强制换行。 可以通过设置 word-break: break-all; 来实现，例如： <div style="word-break: break-all;">abcdefghijklmnopqrstuvwxyz...abcdefghijklmnopqrstuvwxyz</div>

GitHub 的 Markdown 生成的 html 样式非常简洁，可用做为我们自己 Markdown 生成的 html 的样式。 GitHub 的 css 如下 .markdown-body { overflow-x: hidden; color: #333; font-weight: 400; font-size: 16px; line-height: 1.75; word-break: break-word; } .markdown-body h1,.markdown-body h2,

placeholder 是 input 框中的提示文字，默认颜色是灰色的，color 是修改 input 中用户输入文本的颜色，通过 color 属性不能修改 placeholder 的颜色，要想修改 placeholder 的默认颜色可以使用 CSS 提供的 placeholder（非控件属性）属性。 修改页面所有input中placeholder颜色 将用以下代码写在 style 中，将所有 input 的 placeholder 中文字颜色修改为红色 input::placeholder{ co

加载图片时，如果图片地址不正确或其他原因导致图片无法将加载，使用img里的alt属性可以显示默认文本，但是异常图片显示结果会很难看。这时可以使用 onerror 属性来处理，当图片无法加载时，指定异常处理时加载的图片。 <img src="hello.png" alt="HelloWorld" onerror="javascript:this.src='default.png'"/>

white-space 属性声明建立布局过程中如何处理元素中的空白符。 CSS 语法 white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit; normal：默认。空白会被浏览器忽略。 pre：空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap：文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 pre-wrap：保留空白符序列，但是正常地进行换行。 pre-line：合并空白符

可以通过 auto 属性值来实现图片的等比例自动缩放不变形。 固定宽度，让高度自适应： <img src="image.jpg" style="width: 10rem; height: auto;" /> 固定高度，让宽度自适应： <img src="image.jpg" style="height: 10rem; width: auto;" />

CSS样式： .file { position: relative; display: inline-block; background: #FFFCDA; border: 0.1rem solid #FFF8B5; border-radius: 0.2rem; padding: 0.3rem; overflow: hidden; color: #999999; text-decoration: none; text-indent: 0; line-height: 1.2rem; } HTML代码： <