绝对div的宽度变得很小,以至于文本被自动换行[关闭]

问题描述 投票:1回答:5

[当我制作按钮时,我想使鼠标悬停时显示一个div,尽管我在宽度和位置方面存在问题。

问题可以在下面的图片和jsfiddle中看到。当我对相对按钮做绝对的事情时,看起来它的最大宽度变成了按钮的宽度。如果按钮较小,则悬停div也将较小。如何使用width:auto进行普通的悬停div?

http://jsfiddle.net/ghpc9fwk/

[当我制作按钮时,我希望将鼠标悬停时显示一个div,尽管我在宽度和位置方面存在问题。问题可以在下面的图片中以及...

html css width css-position
5个回答
2
投票
仅添加white-space: nowrap;属性以防止文本在最近的情况下自动换行;)

1
投票
不确定这是否适合您,但您也许可以使用::before伪元素来实现这种布局。

0
投票
这样的事情?

0
投票
您可以使用position: relative;将按钮和alt容器包装在另一个div中。 Example fiddle

0
投票
如前所述,一个简单的解决方案是将white-space:nowrap添加到您的alt / caption div中,这样它将一直延伸到您插入一些<br>为止
© www.soinside.com 2019 - 2024. All rights reserved.