html - 下拉菜单宽度更改为动态

标签 html css

在此示例中,“我的帐户”文本的宽度是固定的。我想做的是让它动态化,所以它应该根据文本的长度加宽或缩小,因为我不会写“我的帐户”,而是打印用户的全名,并且总是不同的。

当我改变位置和宽度值时,菜单离开当前位置。

Example

如果你知道更简单的例子,请告诉我。

谢谢

最佳答案

您需要删除所有给下拉设置宽度的样式,并添加 $('.submenu').width($('.account').outerWidth());页面加载时。

jsFiddle:http://jsfiddle.net/fRGqD/1/

关于html - 下拉菜单宽度更改为动态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13685971/

相关文章:

css - 我可以使用 div :hover in my css?

css颜色不同

css - 如何在 JavaFx CSS 中更改 slider 拇指的颜色?

javascript - CSS 属性更新不适用于鼠标单击

javascript - 在 IOS 上显示 html5 视频的最佳方法

html - 容器的最佳实践是什么?何时使用多个容器是个好主意?

css - CSS 中的边框问题

html - 如何在 Angular 中的选择之外获取所选选项的索引?

html - 表单中的文本区域不可点击输入字段。 Bootstrap 3

jquery - 我如何像 Google Plus 那样错开 div?