Javascript 获得<；部门>；及<；a>；并排在同一高度

因此，我尝试向Select2jQuery插件添加一个自定义样式，它是一个类似标签的多选择器插件。select2呈现所选“标记”的方式指导我的css规则尝试和设置样式。select2呈现包含所选标记文本的

，后跟

这是我的代码，记住我也在使用select2插件：

$(function(){
      $('#mdlTags').select2();
});


.select2-search-choice-close {
    padding: 2px 14px 3px 0;
    border-radius: 2px 2px 2px 2px;
    background: url(/images/projects/closeWhite.png) no-repeat 5px center #bdc6e5;
}
.select2-choices li div {
    border-radius: 2px 2px 2px 2px;
    color: #fff !important;
    text-decoration: none;
    padding: 3px 14px 3px 12px;
    background-color: #bdc6e5;
}

 <select multiple="multiple" id="mdlTags" class="skipMsDropdown" style="width:330px;">
     <option value="1" >Option 1</option>
     <option value="2" >Option 2</option>
</select>

$（函数（）{
$（'mdlTags'）。选择2（）；
});
。选择2搜索选项关闭{
填充：2x14px 3px 0；
边界半径：2px2px2px2px；
背景：url（/images/projects/closeWhite.png）无重复5px中心#bdc6e5；
}
.选择2个选项li div{
边界半径：2px2px2px2px；
颜色：#fff！重要；
文字装饰：无；
填充：3x14px 3x12px；
背景色：#bdc6e5；
}
选择1
选择2
它现在处于同一级别。这是经过编辑的css

.select2-search-choice-close {
    background: url("/images/projects/closeWhite.png") no-repeat scroll 5px center #BDC6E5;
    border-radius: 2px;
    padding: 3px 14px 3px 0;  // increase the top padding for 1 point.
}

.select2-search-choice-close {
    background: url("select2.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    display: block;
    font-size: 1px;
    height: 13px;
    outline: medium none;
    position: absolute;
    right: 3px; // Reduce the top position for 1 point
    top: 3px;
    width: 12px;
}

它现在处于同一水平。这是经过编辑的css

.select2-search-choice-close {
    background: url("/images/projects/closeWhite.png") no-repeat scroll 5px center #BDC6E5;
    border-radius: 2px;
    padding: 3px 14px 3px 0;  // increase the top padding for 1 point.
}

.select2-search-choice-close {
    background: url("select2.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    display: block;
    font-size: 1px;
    height: 13px;
    outline: medium none;
    position: absolute;
    right: 3px; // Reduce the top position for 1 point
    top: 3px;
    width: 12px;
}

它现在处于同一水平。这是经过编辑的css

.select2-search-choice-close {
    background: url("/images/projects/closeWhite.png") no-repeat scroll 5px center #BDC6E5;
    border-radius: 2px;
    padding: 3px 14px 3px 0;  // increase the top padding for 1 point.
}

.select2-search-choice-close {
    background: url("select2.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    display: block;
    font-size: 1px;
    height: 13px;
    outline: medium none;
    position: absolute;
    right: 3px; // Reduce the top position for 1 point
    top: 3px;
    width: 12px;
}

它现在处于同一水平。这是经过编辑的css

.select2-search-choice-close {
    background: url("/images/projects/closeWhite.png") no-repeat scroll 5px center #BDC6E5;
    border-radius: 2px;
    padding: 3px 14px 3px 0;  // increase the top padding for 1 point.
}

.select2-search-choice-close {
    background: url("select2.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    display: block;
    font-size: 1px;
    height: 13px;
    outline: medium none;
    position: absolute;
    right: 3px; // Reduce the top position for 1 point
    top: 3px;
    width: 12px;
}

替换
。选择2搜索选项关闭
类，如下所示：

.select2-search-choice-close {
    padding: 2px 14px 3px 0;
    border-radius: 2px 2px 2px 2px;
    background: url(/images/projects/closeWhite.png) no-repeat 5px center #bdc6e5;
    height: 14px; /* given height (actual 13px and 1px to adjust bottom margins) to adjust line-height of parent element */
    margin-top: -1px; /* to adjust top margins to get in proper line */
}

这是一个工作模式。
替换
。选择2搜索选项关闭
类，如下所示：

.select2-search-choice-close {
    padding: 2px 14px 3px 0;
    border-radius: 2px 2px 2px 2px;
    background: url(/images/projects/closeWhite.png) no-repeat 5px center #bdc6e5;
    height: 14px; /* given height (actual 13px and 1px to adjust bottom margins) to adjust line-height of parent element */
    margin-top: -1px; /* to adjust top margins to get in proper line */
}

这是一个工作模式。
替换
。选择2搜索选项关闭
类，如下所示：

.select2-search-choice-close {
    padding: 2px 14px 3px 0;
    border-radius: 2px 2px 2px 2px;
    background: url(/images/projects/closeWhite.png) no-repeat 5px center #bdc6e5;
    height: 14px; /* given height (actual 13px and 1px to adjust bottom margins) to adjust line-height of parent element */
    margin-top: -1px; /* to adjust top margins to get in proper line */
}

这是一个工作模式。
替换
。选择2搜索选项关闭
类，如下所示：

.select2-search-choice-close {
    padding: 2px 14px 3px 0;
    border-radius: 2px 2px 2px 2px;
    background: url(/images/projects/closeWhite.png) no-repeat 5px center #bdc6e5;
    height: 14px; /* given height (actual 13px and 1px to adjust bottom margins) to adjust line-height of parent element */
    margin-top: -1px; /* to adjust top margins to get in proper line */
}

这是一个可行的方法。
首先，在
select2搜索选项关闭
样式上，顶部填充的像素数减少了一个。但即使你修复了它，两个元素之间仍然会有一个像素的差异

如果你看一看，这也是它的显示方式（两个元素之间有一个垂直像素差）。不同之处在于，它们在保存这两个元素的容器上应用统一样式，而不是单独设置每个元素的样式

如果你做了这两个改变，你会得到这样的结果：
首先，在
select2搜索选项关闭
样式上，顶部填充的像素减少了一个。但即使你修复了它，两个元素之间仍然会有一个像素的差异

如果你看一看，这也是它的显示方式（两个元素之间有一个垂直像素差）。不同之处在于，它们在保存这两个元素的容器上应用统一样式，而不是单独设置每个元素的样式

如果你做了这两个改变，你会得到这样的结果：
首先，在
select2搜索选项关闭
样式上，顶部填充的像素减少了一个。但即使你修复了它，两个元素之间仍然会有一个像素的差异

如果你看一看，这也是它的显示方式（两个元素之间有一个垂直像素差）。不同之处在于，它们在保存这两个元素的容器上应用统一样式，而不是单独设置每个元素的样式

如果你做了这两个改变，你会得到这样的结果：
首先，在
select2搜索选项关闭
样式上，顶部填充的像素减少了一个。但即使你修复了它，两个元素之间仍然会有一个像素的差异

如果你看一看，这也是它的显示方式（两个元素之间有一个垂直像素差）。不同之处在于，它们在保存这两个元素的容器上应用统一样式，而不是单独设置每个元素的样式

如果你做了这两个改变，你会得到这样的结果：
是否尝试添加负页边距？是否尝试添加负页边距？是否尝试添加负页边距？是否尝试添加负页边距？