问:大家好,这是代码
< h1 >< a href = "#" >最佳城市指南</ a ></ h1 >
* {
box-sizing : border-box ; } h1 {显示:内联块;} h1 a {显示:块;颜色:黑色; 背景颜色:白色;填充:4 % ;/*问题出在这里*/ }
+那么为什么我需要更改 H1 显示?正如我所说,这只是一个片段,所以只需按原样使用上面的代码!
我不想删除通用选择器 * 规则
我不想将 H1 显示更改为内联
我不想使用空格: nowrap;
答:我认为这是由内联块渲染引起的一个奇怪的布局错误。Inline-block 将导致元素仅按其内容调整大小,因此首先计算。添加填充时,它是父元素(即 h1)的百分比,因此会缩小文本可用的元素内部的大小,导致它换行。