html– 使Span标签覆盖整个按钮宽度

概述我有以下结构：<div class='top'> <button class='wrap'> <span class='text'>Hello</span> </button> </div> 我有以下CSS：.top{ background-color:yellow

我有以下结构：

我有以下CSS：

.top{  background-color:yellow;  wIDth: 216px;  height: 70px;}.wrap,.text{  wIDth: 100%;  height: 100%;  display: block;  overflow: hIDden;}

我看过几篇关于“跨越他们父母的整个宽度”的帖子,最流行的答案就是让它显示：block;

但在这种情况下,它不起作用.如果检查,您将看到跨度为200px宽度而不是216px宽度(按钮宽度).

我该如何解决这个问题？这是fiddle@H_301_22@最佳答案@H_301_22@.wrap类中有填充.在.wrap,.text声明中将填充设置为0.

.top {  background-color:yellow;  wIDth: 216px;  height: 70px;}.wrap,.text {  padding: 0px;  //set padding to 0px  wIDth: 100%;  height: 100%;  display: block;  overflow: hIDden;}

@H_301_22@ 总结

以上是内存溢出为你收集整理的html – 使Span标签覆盖整个按钮宽度全部内容，希望文章能够帮你解决html – 使Span标签覆盖整个按钮宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1118975.html