您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

为什么显示:inline-block; 从子元素中删除下划线?

为什么显示:inline-block; 从子元素中删除下划线?

在某些情况下,文本修饰从元素传播到某些后代。该规范描述了所有在此发生,不会发生(以及情况的行为被明确未定义)的情况下。在此,以下部分是相关的:

请注意,文本修饰不会传播到浮动和绝对定位的后代,也不会传播到原子内联级别后代(例如内联块和内联表)的内容

请注意,这种传播与继承不同,完全是一个单独的概念。确实,text-decoration: none并且text-decoration: inherit不会以您期望的方式影响传播:

在两种情况下,父文本修饰仍将在适用时传播到元素。您可以使用强制内联块对其父代进行相同的文本修饰inherit,但 不能 强制父代通过从其祖先传播而获得的其他修饰。

这也意味着简单地拥有display: inline-block足以防止文本装饰传播。您无需text-decoration: none再次指定- 它已经是初始值。

其他 2022/1/1 18:19:12 有418人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶