技术博客
Flex 布局中子元素对齐不正确，通常是因为 justify-content 和 align-items 的作用对象或取值理解有偏差。这两个属性控制的是**主轴（main axis）** 和 **交叉轴（cross axis）** 上的对齐方式，而主轴方向由 flex-direction 决定——这点最容易被忽略。
用 Flex 布局控制图片与文字混排，是解决对齐错乱、间距不均、响应失效等问题最直接有效的方式。关键不在“加了 flex”，而在“怎么设容器和子项的属性”。
在Avalonia中调整DataGrid的列宽和行高，核心在于理解其虚拟化机制、样式优先级与绑定行为。它不像WinForms那样直接设Height/Width属性就生效，而是依赖列定义、模板、自动尺寸策略和容器布局协同作用。
表单输入框高度不一致，通常不是因为设置了不同 height，而是 line-height、padding、border、box-sizing 这几项混用导致的视觉和实际尺寸偏差。尤其在 input[type=”text”]、textarea、select 混排时更明显。
HTML表格居中可通过五种方法实现：一、CSS margin: 0 auto配合固定宽度；二、text-ali […]
用::before给标题加装饰线需先设标题position: relative，再用绝对定位+背景色或边框绘制 […]
用Flex布局实现图片固定宽120px、文字区域自适应的左右结构，父容器设display: flex，图片加w […]
图标与文字在CSS中无法对齐的根本原因是未理解line-height（控制行高与基线）和vertical-al […]
外边距（margin）对绝对定位元素并非无效，而是不参与定位偏移计算；其作用限于盒内间距、背景起始位置及mar […]
浮动导航塌陷是因子元素浮动脱离文档流致父容器高度为0；解决方法有clearfix（伪元素clear:both） […]