Html 显示同一位置的所有下拉选项
访问右上角后,我们可以看到Html 显示同一位置的所有下拉选项,html,css,Html,Css,访问右上角后,我们可以看到र - 印度卢比 一旦我们停留在上面,我们可以看到下拉选项 如果我们选择澳大利亚$,它将与第三个图标合并 但我想显示澳大利亚元的位置,与र - INR和任何选项,如果我们也选择了,它应该从相同的位置显示。我不想改变र - 印度卢比 css .a123 { position: absolute; right: -33px; top: 18px; z-index: 999; font-size: 15px; } .dropDown
र - 印度卢比
一旦我们停留在上面,我们可以看到下拉选项
如果我们选择澳大利亚$,它将与第三个图标合并
但我想显示澳大利亚元
的位置,与र - INR
和任何选项,如果我们也选择了,它应该从相同的位置显示。我不想改变र - 印度卢比
css
.a123
{
position: absolute;
right: -33px;
top: 18px;
z-index: 999;
font-size: 15px;
}
.dropDownMenu a:first-child {
color: #636363;
font-weight: normal;
}
html
<div class="form-language">
<ul id="select-language" title="<?php echo $this->__('Currency') ?>" class="dropDownMenu">
<li><a href=""><?php echo $selCurrency ?></a>
<ul>
<?php echo $lis ?>
</ul>
</li>
</ul>
</div>
在.a123
中更改右侧:-33px代码>至右侧:-55px代码>
在下拉菜单中,li
设置宽度:120px代码>和文本对齐:居中代码>您也可以共享HTML代码。请使用代码片段在此处重现您的问题(省去菜单本身,这不是重点)。@rifa\u at\u所以我更新了HTMLcode@AdrianoRepetti我将尝试使用代码狙击手。如果看不到有效的演示,我会说橙色内容区域太小了。你可以看到澳大利亚这个词比盒子长,它不合适。因此,使橙色区域变大。但不小于र - INR
将显示在远处,然后只需执行文本对齐:居中
我尝试了这个.a123{text align:center;}
但对我无效。@nsdlfefinedieicbe这是因为这些标记没有设置宽度。设置一个宽度,然后将文本对齐到中心。请检查链接,我已经按照你说的做了更改。