我有菜单，某些元素有下拉菜单。这些元素的宽度是可变的。我希望下拉列表在其特定元素下水平居中。下拉列表本身总是有一个固定的宽度。
.container {
display: inline-block;
position: relative;
}
.dropdown {
display: none;
top: 100%;
position: absolute;
width: 100px;
}
.container:hover .dropdown {
display: block;
}
我尝试过使用margin-left/left (百分比)
浏览 3提问于2014-03-17得票数 0
回答已采纳
1回答
我有一个使用"ng-option“创建的下拉列表。假设我在下拉选项中有字符串，比如"JOHN“、"MIKE”、“RONALDO”……现在，如果我选择其中的任何一个，它将显示在下拉框中。但如果我只想要2个字符，例如。"JO“for john "MI”让mike在下拉框中显示，并在下拉选项中显示完整字符串。我应该怎么做？
我正在使用Angular 1，除了调整下拉块的CSS宽度之外，还有其他方法吗？
浏览 0提问于2018-02-22得票数 0
3回答
我知道我可以使用text-align: center的CSS样式来对引导带下拉元素进行居中。这将按需要对下拉菜单进行居中。但是，当我单击该菜单以激活它，并出现项目列表时，它将相反地对齐父div的左侧。我想让下拉菜单的左边边缘与您单击以激活它的按钮的左侧边缘同步(就像如果下拉菜单在默认情况下是与左边对齐的话)。这个是可能的吗？
浏览 3提问于2015-08-30得票数 0
回答已采纳
3回答
对于CSS下拉菜单，我通常使用下拉菜单。这项技术运行得非常好，但有一件小事一直困扰着我:下拉链接的宽度总是固定的。
有没有办法自动调整Suckerfish下拉菜单中菜单项的宽度？如果没有，有没有其他基于CSS的下拉菜单策略可以做到这一点？
浏览 3提问于2010-09-05得票数 2
回答已采纳
下面的标记显示HTML下拉列表。在我的网页上，下拉列表放在容器的最右边。下拉列表包含一些冗长的文本。
当打开铬，下拉打开正确从右向左，从而显示最长的选项清楚。在firefox的下拉菜单中，从左到右开始，因此一些选项文本会从屏幕上移出。
在firefox中有任何方法/css来改变这种行为吗？
<div style="float:right;">
<select id="select_1" style="width:100px;" name="select_1">
<option
浏览 2提问于2015-11-09得票数 3
回答已采纳
我想使用kendo下拉列表，它有固定的大小，因为它受页面中其他字段的约束，但当它显示列表的下拉项时，下拉区域应该调整到项的最大长度。显示项的宽度是固定的，但下拉列表的宽度是自动的。就像这样
|my choice | <-- fixed width displayed on the page
|next choice |
|previous choice | <-- dropdown area to select another item
|dummy |
这可以通过CSS或通过jQuery设置的下拉列表属性来实现吗？
浏览 1提问于2013-05-31得票数 8
我有一个'n‘列表，第一列是一个下拉框，从下拉列表中选择选项后，其他列就会改变。例如:第一个下拉框可能需要显示一个文本框和一个按钮，第二个下拉框可能需要显示三个文本框和一个按钮，依此类推。表中只有一行。实现这一目标的最佳解决方案是什么？
由衷地感谢，
浏览 1提问于2010-05-07得票数 1
回答已采纳
1回答
我有一个自动建议的下拉列表，它有<ul> <li>标签来显示建议列表。建议列表中的一些项目保存在<li>中，它们很长，并且与下拉列表的宽度相交。
当文本跨过dropdow宽度时，如何在<li>中将文本分成2行显示？
浏览 1提问于2014-12-12得票数 0
1回答
这是我的sumoselect的下拉列表：
我希望下拉列表更宽，但我还没能弄清楚如何影响它。有人知道要覆盖什么css吗?或者怎么做？
参考：
已尝试在检查器中编辑CSS；没有成功。
浏览 1提问于2017-05-02得票数 1
1回答
我有3个下拉菜单的动态宽度和位置，像这样
我想让每个下拉宽度到最大的屏幕宽度从当前位置开始，从右侧开始留出10px，就像这样。
下拉列表被定位为其父容器的绝对位置。我想做一个单独的css类，并应用每个下拉列表，这样它就可以像上面的那样工作，最大屏幕宽度可以从上面减去10px。
通过这样的搜索，我发现了很多问题，但在我的问题中却无法解决。我不想用Javascript做任何事情，只想用纯CSS。
许多这样的问题建议使用css的vw单元，但我不明白如何在这个问题中使用大众。来自你们专家的任何帮助都将是非常感谢的。谢谢。
有些人建议这样做，但并不奏效
width:100vw;
ma
浏览 1提问于2017-03-31得票数 2
3回答
下面是我得到的信息：
<select id="box1">
<option>ABCDEFG</option>
</select>
<select id="box2">
<option>ABCDEFGHIJKLMNO</option>
</select>
我有两个不同的下拉列表。因为下拉列表的宽度取决于选项中最长文本的宽度，所以我最终得到了两个具有两个不同宽度的下拉列表。这让我的网页看起来很傻。
我想要的是设置它，使我的两个下拉列表都具有相同的宽度(我
浏览 0提问于2010-03-09得票数 5
回答已采纳
var ddlViews = $('#ddlViews').data("kendoDropDownList");
ddlViews.list.width("auto");
我已经添加了宽度为自动，但它不工作，而且宽度的下拉框获得最大宽度的项目选择和溢出出框。我希望下拉框有一个固定的宽度，但下拉列表项应该在单行中显示内容。就像正常的下拉列表一样。
浏览 0提问于2013-07-17得票数 8
回答已采纳
因此，我一直在处理一个自定义菜单，并且遇到了折叠菜单和其中包含的下拉菜单列表项的问题。当您在导航栏折叠后使用viewport查看并且单击下拉“下拉”时，当您悬停在四个列表元素上时，它们有一个透明的背景；如果您在视图端口大小为移动的时候向下滚动页面，则下拉元素也不会滚动。
我的溢出-y是可见的，因为我希望用户能够向下滚动页面，最好是使用折叠下拉列表项的手风琴样式(我不知道这一点)，并且没有单独的滚动条仅用于下拉列表。是否有一种方法可以使折叠的下拉列表项没有透明的背景，并且已经下拉的菜单可以用常规的页面滚动器滚动？我希望这是足够连贯的lol，让我知道这是否应该是两个问题。我已经包括了我的HTML和
浏览 1提问于2016-01-27得票数 1
回答已采纳
---------------- ----------------------->edge A
| | | |
| logo | | drop down list |
|______________| |_____________
浏览 2提问于2011-05-15得票数 1
1回答
我有一个下拉列表，如图所示。我想要一个很酷的圆圈按钮来打开下拉列表&其次，我需要在我们点击按钮后打开的下拉列表在宽度上稍微小一点，或者我想重新设计它。有没有可能通过CSS。欢迎大家提出各种建议。
浏览 1提问于2015-09-01得票数 0
可能重复：
我使用VS2010，C#来开发ASP.NET web应用程序，有时我的下拉列表包含长的项目，这使我的组合体变得更大，有什么方法可以将大项目分解成2(或更多行)，这样我的组合体大小就固定了吗？
浏览 4提问于2012-03-19得票数 0
回答已采纳
1回答
有多个选项的下拉列表。第一个选项是选中的一个，因此您可以在第一次查看下拉列表(折叠状态)时看到此选项文本。
有没有办法在下拉菜单处于折叠状态时只显示所选选项文本的一部分，而在展开时显示相应的选项并显示全文？
为了更好地理解我想要的东西，我画了一幅画：
浏览 1提问于2013-03-06得票数 3
回答已采纳
3回答
我有一个带有动态下拉列表的表。
下拉列表的宽度将根据其内容的不同而变化。
我希望表列与下拉列表的宽度相同。
如果我设置的宽度小于dropdown的大小，IE似乎会使列大于下拉列表，同时换行列标题，它会在下拉列表的两侧插入空格。
在CSS中，有没有一种方法可以让列的大小与其内容相同？
下面是一个示例html表，其中包含我当前的修复程序(kludge)。
<table id="mappingtable" width="100%" align="center" cellspacing="0" cellpadding="0&
浏览 4提问于2009-06-19得票数 4
我有一个由HTML中的无序列表组成的导航栏。在我的列表中，我有另一个嵌套列表，它充当(或应该充当)下拉菜单。我将让标记自己说话：
<ul>
<li><a href="#">Produkter</a>
<ul class="dropdowncontent">
<li><a href="#">Moderkort</a></li>
<li><a href=&
浏览 0提问于2017-11-19得票数 0
2回答
我有菜单。它有一个下垂。我也想要同样大小的父母为下拉。
我的HTML
<ul>
<li class="noChild"><a href="#" class="" >MY ACCOUNTS</a></li>
<li class="noChild "><a href="#" >LIBRARY</a></li>
<li class=""><a href=&#
浏览 3提问于2013-03-02得票数 0
3回答
如何限制下拉列表的宽度
、、、
我有一个html表，其中包含一些下拉列表。
<table>
<thead>
<tr>
<th>@Html.LabelFor(model => model.WorkorderId)</th>
<th>@Html.LabelFor(model => model.SubmissionDate)</th>
<th>@Html.LabelFor(model => model.PartId)<
浏览 3提问于2016-06-22得票数 0
回答已采纳
3回答
使用浮点数对齐div元素
、、、
我主要是一个后端的开发人员，但我试图得到一个布局出来的权利。基本上，我正在创建一个列表视图页面，该页面将在左侧包含一个div标记，其中包含一组过滤器(下拉列表、复选框等)。在屏幕的右侧，我将有一个包含网格的div标记。这似乎是有效的，但当我是在一个开销或当我的屏幕不是最高的时候看起来很糟糕。我做得对吗？基本上，我想要的是：
我为此做的CSS非常简单，如下所示：
.filterContainer {
width:20%;
float:left;
}
.gridContainer {
width:79%;
float:right;
}
基本上，.f
浏览 3提问于2014-01-28得票数 1
回答已采纳
我有一个非常简单的下拉菜单，如下：
<ul class="nav multilevel">
<li><a href="#">item 1</a></li>
<li><a href="#">item 2</a></li>
<li><span>item 3 +</span>
<div class="cntLevel level">
浏览 3提问于2015-09-27得票数 1
回答已采纳
4回答
我无法将下拉列表与悬停打开下拉列表的父项的中心对齐。我曾尝试为整个.nav .navbar li元素设置文本对齐: center，但不起作用。我试着为整个ul.dropdown菜单设置边距和左侧: 50%，这是一个下拉菜单，但它不起作用。下面是html代码：
<ul class="nav navbar-nav navbar-right" id="headerDropdowns">
<li><div class="btn-toolbar">
<div class="btn-group&#
浏览 0提问于2014-09-02得票数 24
我有一个相当具有挑战性的任务。
我这里有菜单..。
如果你将鼠标悬停在“治疗”上，下拉菜单的宽度被设置为150px，这是可以的，但是，如果你将鼠标悬停在“售后服务”上，你可以看到这个宽度太宽了。我已经尝试了min-width，auto，inline-block，但到目前为止还没有成功。
与其为每个下拉菜单创建一个单独的类，有没有一种聪明的方法可以将宽度设置为与每个菜单中最长的文本一样大？
我在下拉列表中使用的css代码...
.dropdown ul {
position: absolute;
top: 43px;
z-index: 100;
border-left: 1px
浏览 1提问于2012-12-17得票数 22
回答已采纳
2回答
我想要有一个选择下拉列表，但它只会显示箭头。
所以一切都是一样的，但不会显示所选/当前值。您唯一可以单击的是小的下拉箭头按钮。
这在jquery/css中是可能的吗？
浏览 0提问于2012-08-03得票数 1
回答已采纳
3回答
如何设置语义界面搜索选择下拉菜单的宽度？我需要将语义UI搜索选择下拉列表的宽度设置为下拉列表中最长的元素。任何帮助都将不胜感激。
浏览 22提问于2017-03-13得票数 13
1回答
带圆角的IE6收缩包装
、、、
在FF和IE8中，事情看起来很好。我有一个下拉列表的模型，我试图在底部创建圆角：。在IE6中，mega div延伸到窗口的最左边。我需要更改/添加什么(例如，下划线hacks)才能获得收缩包装其内容( ul)的下拉列表。
附注：我将回来询问有关阻塞下拉菜单的z-index问题(又是IE6)，但如果有人也想回答这个问题，我将不胜感激。
编辑20091107:关于要求的更多细节:它必须在IE6+中工作，下拉菜单的宽度不能固定。客户端希望能够随意更改菜单项文本，并自动显示下拉菜单的大小。
编辑20091111:我从来没有找到一个很好的解决方案。菜单以及其他一些悬停更改的要求，意味着JavaScrip
浏览 2提问于2009-11-07得票数 1
3回答
我在bootstrap中有一个下拉列表，但我不知道如何将其中的表单居中。
这是我的代码；
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
浏览 0提问于2012-04-09得票数 0
回答已采纳
2回答
我正在制作一个只有CSS的下拉菜单，结果并不像我做的那样容易。到目前为止，我已经得到了一个实际的下拉列表，但是宽度是父元素的宽度，它太小了，无法在一行中显示某些项。
我试着设置一个手动宽度，但这只是不对齐整件事情，是不实际的，因为菜单项可能要长得多。是否存在与内容相适应的宽度，而不更改父宽度？
所有的站点文件都位于这里：
索引页：
样式表：
如有任何帮助，谢谢:)
浏览 3提问于2013-06-30得票数 1
回答已采纳
3回答
我这里有一个包含3个下拉列表的div：
<div class="text-center container">
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" id="make" type="button" data-toggle="dropdown"> Subject
<span
浏览 4提问于2016-08-23得票数 0
有人知道如何为所有屏幕分辨率设置垂直下拉菜单的中心吗？
我真的尝试过所有的东西。要么是太左太远，要么是太右，或者是屏幕分辨率越长，就越上下移动。
菜单问题：
CSS代码：
浏览 2提问于2012-10-01得票数 0
回答已采纳
1回答
下拉对齐问题？
、、、
<s:form id="inputThresholdForm" name="inputThresholdForm"
theme="simple">
<table border="0" class="display-table" cellspacing="2"
cellpadding="2" height="100%" width="100%">
<tr>
浏览 2提问于2014-01-06得票数 0
场景
我正在制作一个响应网站，我需要为不同屏幕尺寸的定制样式提供多个大小。
我试过什么
我使用这个来定制样式的下拉列表，在px中添加宽度。这对我很有好处
这是我使用插件创建的示例。
问题
我想通过增加或减小内部下拉字体的大小来增加或减小下拉列表的宽度和高度，但是当我增加font-size时，下拉列表并不相应地缩放
插件链接
编辑：
我在这里把px换成了
但是这个插件增加了我不想要的内联宽度。我想通过CSS来控制宽度
浏览 4提问于2011-12-07得票数 1
2回答
如何展开下拉列表(列出的项目)。我无法在IE中查看列出的项目，因为我限制了下拉列表的大小。
请在IE和其他浏览器中运行此代码-您可以看到差异
<html><body><select style='width:20px;'><option>a</option><option>b</option><option>c</option><option>d</option><option>e</option><option>
浏览 0提问于2009-07-31得票数 2
回答已采纳
2回答
减少选择元素中的下拉宽度
、、、、
下拉列表采用最长值的宽度，在我的示例中是相当长的。我希望将下拉列表的宽度缩小到复选框本身的宽度(在我的例子中是70%)。已经拒绝了。其他各种StackOverflow问题的选项，但我一直无法解决这个问题。
选中框代码：
<select id="college" name="college" placeholder="College Name">
<option name="">{{ user.college.name }}</option>
{% for
浏览 1提问于2015-03-21得票数 0
回答已采纳
1回答
我正在尝试将水平滚动条设置为单选下拉列表，它的选项文本中有很长的文本。我尝试添加div并设置样式，但它在弹出列表之前显示滚动条。如何将水平滚动条设置为单选标签(下拉)？
浏览 2提问于2011-08-18得票数 0
我想在telerik下拉菜单中添加一个CSS类。以下是我的视图代码：
@Html.Telerik().DropDownList().Name("ddlSalutationMailing").Items((ddlItem => { ddlItem.Add().Text(" - Select One - "); }))
目的：
我在我的项目中有许多Telerik下拉列表，所以我想设置所有下拉列表的宽度。
提前感谢
浏览 0提问于2013-04-04得票数 0
2回答
我正在为一个网站做一个肚脐。它包含3个下拉列表(以及我删除的一些其他内容，以保持代码的简洁性)。我想要能够关闭下降，通过点击外面的他们。我找到了许多解决这个问题的解决方案(包括在这个网站上的解决方案)，但是所有的解决方案都只解释了有一个这样的下拉列表，而我无法使它们适应我的情况。我想要实现的是：
如果单击其中一个按钮，它将获得一个is-active类(它通过CSS中的同级选择器使其下拉列表可见)，并从菜单中的所有其他按钮中删除它。
如果您单击打开的下拉窗口，什么都不会发生。
如果您单击任何下拉按钮和窗口的外部，is-active类将从具有它的所有导航按钮中删除。
不管我尝试
浏览 1提问于2017-11-15得票数 0
1回答
我有一个网站链接：
如果您点击菜单链接子站点，您可以看到下拉列表显示为普通列表。有没有办法在Bootstrap CSS中浮动LI列表，使列表看起来像内联？
我已尝试插入我的css
.mainnav ul.dropdown-menu > li {
float:left !important;
}
但不知何故，它就是不起作用。非常感谢您的时间和专业知识。
浏览 0提问于2014-06-10得票数 0
目前有没有人在github中使用过这个自动补全插件？当您调用自动完成函数时，您可以传递下拉框的宽度变量，即" width :200，“。
我希望下拉列表的大小与输入字段相同。当你知道输入域的宽度时，这很好用，但是当你使用一个响应式输入域，它的宽度根据你使用的设备而改变时，你该如何将其设置为当前输入域的宽度呢？
浏览 3提问于2015-01-14得票数 0
3回答
我想在我的网站上添加一个下拉菜单到我们的服务菜单项。您可以在上查看开发位置。如果你将鼠标放在我们的服务上，你会看到下拉菜单出现了，但所有的项目都有不同的宽度。怎样才能使它们的宽度相同呢？我所有的尝试都是这样的，所以我对此深表歉意。提前感谢您的帮助！
浏览 0提问于2011-01-25得票数 0
回答已采纳
我正在实现自定义下降，我发现了一个很好的解决方案.But有问题，在按钮采取整体，如果我想采取小按钮(它不是采取宽度在down.So中)。其次，我要向下拉，应该滚动一个固定的高度？我创建了两个下拉列表，第一个，我取了太多的元素，第二个，我只取了几个元素，我想把第一个下拉滚动到和第二个相同的高度。，.In。
这是我的小提琴
function showOptions(target){
selectedButton = $(target);
console.log("target"+target);
console.log("selectedButton&#
浏览 1提问于2013-10-11得票数 0
我正在建设新的网站，我需要一个下拉菜单来选择我的网站的东西的数量。但是这个下拉菜单有一个我必须要做的样式。此下拉菜单的样式是下拉框没有箭头-出现在右侧的箭头，用于单击它并打开下拉项。
我做了很多次搜索，我找到了这个风格的属性：“-webkit-外观:无"，在类的下拉列表中，我已经把这个属性和箭头已经消失使用谷歌铬浏览器。
但“问题”是:这个属性在Firefox浏览器上不起作用，箭头并没有消失。
我会给你一个简单的视图，看看这个箭头是如何在Firefox浏览器中消失的：
这是不带箭头的下拉菜单的chrome视图：
我的问题是：
在"Firefox“浏览器中，是否有CS
浏览 0提问于2013-09-12得票数 1
回答已采纳
1回答
我见过很多水平菜单，它们的下拉菜单都有固定的宽度，像这样的它是工作的，但是…
我试着做一个合乎逻辑的大小，宽度，如父级或更多。我的解决方案是，但它有点吓人(重复使用jQuery)：
<ul>
<li><a href="#">very long item like this</a>
<ul>
<li><a href="#">small item 1</a></li>
<li><a href="#">sm
浏览 2提问于2012-06-23得票数 0
这是我的完整代码：
我希望下拉框能够展开，并且是它的内容的全部宽度(这样它就不需要把东西放到一行中)，但我也不希望它将主下拉按钮拉到相同的宽度。
我能给出的最好的例子是这样的：
这是我正在使用的CSS：
* {
margin: 0;
padding: 0;
}
.click-nav ul {
position:relative;
display: inline-block;
}
.click-nav ul li {
position: relative;
list-style:none;
cursor:pointer;
disp
浏览 0提问于2015-04-25得票数 1
回答已采纳
我正面临一个奇怪的css问题。我们的移动站点页面上有一个下拉列表，它在设备像素比为1的情况下工作得很好。
但是，当我们将设备像素比更改为2或更大时，下拉选项将部分显示在黑色背景下。
以下是不同DPR网站的屏幕截图。
AT DPR 1:在器件像素比为1时下垂
AT DPR2:在器件像素比为2的黑色背景下的下拉
如能帮助解决这一问题，将不胜感激。
浏览 3提问于2016-02-10得票数 0
2回答
我在这里创建了一个简单的JsFiddle： --我不能让下拉菜单停留在其父容器之外，同时当列表元素比父容器更宽时，扩展到更宽。
我试过用
overflow: visible
但没有希望，我做错了什么？
浏览 0提问于2014-12-24得票数 1
回答已采纳
假设我有标记作为设置
当前的下拉列表如下所示
为了解决第一个问题，我可以向子ul添加一个margin-top来补偿列表项中的填充
.horMenu > li > ul {
margin-top: 10px;
}
但是对于没有固定宽度的列表或列表项的第二个问题，有没有办法将子菜单定位到列表项的右侧？还是设置固定宽度的唯一方法？
浏览 5提问于2011-01-08得票数 0
回答已采纳
我已经创建了一个下拉列表，如下所示
<ul id="drop-nav">
<li>
<a href="#">Web Design</a>
<ul>
<li> <a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
&
浏览 1提问于2016-04-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
