多个行内块元素文字内容个数不同无法水平排列
摘要：
原因：由于行内块元素与外面文字对齐方式都是基线对齐。 解决方案：将vertical-align设置不为baseline的其它对齐方式。 阅读全文
posted @ 2024-03-13 20:31 er先森 阅读(3) 评论(0) 推荐(0) 编辑
行内块元素底部出现空白
摘要：
行内块元素底部出现空白 原因：由于行内块元素默认与文字对齐方式为基线（baseline）对齐。 解决方案一：将父元素字体大小设置为0 解决方案二：将对齐方式改为除基线（baseline）以外的其它方式即可，一般改为vertical-align:bottom; 解决方案三：将行内块改为块元素.disp 阅读全文
posted @ 2024-03-13 20:13 er先森 阅读(6) 评论(0) 推荐(0) 编辑
行内块元素之间出现空白
摘要：
原因：由于代码换行使行内块之间出现换行符，会被浏览器识别成空格，因此也是一个字体。 解决方案一：代码不换行（不推荐） 解决方案二：将父元素字体大小设置为0，相应子元素设置需要的字体大小即可。 阅读全文
posted @ 2024-03-13 20:02 er先森 阅读(10) 评论(0) 推荐(0) 编辑
内边距、外边距设置百分比规则
摘要：
内边距、外边距使用百分比设置值，无论上下左右都是以父元素的内容宽为基准。 内边距设置负值无效 阅读全文
posted @ 2024-03-13 09:17 er先森 阅读(2) 评论(0) 推荐(0) 编辑
