根据最长可能的文本的大小更改div的宽度
根据最长可能的文本的大小更改div的宽度
提问于 2016-09-29 15:36:19
我想要创建一个按钮，当你悬停在它上面时，它会显示一个不同的文本。我希望它是固定的宽度，但我不知道最长的文本可能的宽度，因为我将使用Javascript翻译和可能的内容将是不同的长度。
是否有一种方法可以使按钮的宽度与使用CSS时最长的文本相同？
这是一个小提琴。
.hover-btn .hover-on,
.hover-btn:hover .hover-off {
display: none;
}
.hover-btn:hover .hover-on,
.hover-btn .hover-off {
display: inline;
}<button id="myButton" class="hover-btn">
<span class="hover-off">hey!</span>
<span class="hover-on">click me!</span>
</button>
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-09-29 15:41:34
一种方法是在不使用display:none的情况下隐藏元素，这样就不会从流中删除它。试试这个：
.hover-btn .hover-on, .hover-btn:hover .hover-off {
height: 0;
display:block;
overflow:hidden;
visibility:hidden;
}
.hover-btn:hover .hover-on, .hover-btn .hover-off {
height:auto;
visibility:visible;
}<button id="myButton" class="hover-btn">
<span class="hover-off">hey!</span>
<span class="hover-on">click me!</span>
</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39774552
复制相关文章
相似问题
腾讯云开发者
