跨距文本在顶部而不是中间

Question

我有一个

我正在尝试对齐，所以所有的文本都是 垂直-align：middle；

<div 
    class="col-md-6" 
    style="padding-right: 0px; vertical-align: ">
    <select 
        class="DropDownListDark submenu-dropdown" 
        id="SortProperties_SortBy" 
        name="SortProperties.SortBy" onchange="sortList()" 
        style="float: right; vertical-align: middle; ">
        <option value="Title desc">Title (desc)</option>
    </select>
    <span style="float: right; vertical-align: middle; height: 100%; ">Sort by: &nbsp;</span>
</div>

但是，文本保留在

的顶部。

当我检查并查看计算值时，我没有看到任何会导致此问题的内容：

框-大小：边框-框
显示：块
浮动：右
高度:15px
行-高：15.7143 px
文本-对齐：左
垂直-对齐：中间
宽度:44px

包含的

具有以下内容：

框-大小：边框-框
显示：块
浮动：左
高度:28px
行-高:15.7143px
最小-高:1px
填充-左:15px
填充-右:0px
位置：相对
文本-对齐：左
垂直-对齐：中间
宽度:495px

将两者都改为使用display:inline-block；也不能解决此问题。文本“排序依据：”仍在select控件的顶部对齐。

我该怎么解决这个？

共2个答案

匿名用户

在div上尝试display:table-cell而不是display:block。

此外，您还可以在以下网址了解如何使用vertical-align:http://phrogz.net/css/vertical-align/

匿名用户

只需尝试将span的line-height设置为与div的height相同的值。所以在你的例子中：

线高:28px；

相关问题

• JavaFX如何从被调用控制器设置调用控制器中标签的文本
• 如何在文本区域放置滚动条
• Java Fx，编辑特定选项卡的文本区域
• 提取多组非结构化文本以用于以后的自然语言处理？
• 如何右对齐文本？
• 将关键字提取模型应用于包含文本的Spark DataFrame列
• 打印报表中的左对齐文本[重复]
• 一种在终端中居中对齐文本的方法？
• Applescript如何显示带有文本和变量的对话框
• 如何点击应用程序描述中的静态文本
• Applescript-变量中的按键文本
• 谷歌语音到文本iOS应用程序示例：无法构建模块“谷歌API”
• 如何替换复杂文本文件中的外壳变量
• 如何使用 Swift 将文本复制到剪贴板/粘贴板
• React钩子替换字符串中的文本，并存储值
• 如何将文本拆分为android text view
• 当我的类和文本文件在一个可执行的JAR文件中时，我如何写代码来访问一个文本文件？
• 在min API 17中将文本外观更改为表布局中动态添加行的介质
• 按钮设置文本外观已弃用
• Xamarin.Android更改单一编辑文本下划线颜色

热门标签

---

Java JavaScript Python PHP C# Android Html jQuery C++ Css IOS MySQL NodeJS

Answer 1

热门标签

Answer 2

相关问题

Answer 3

只需尝试将span的line-height设置为与div的height相同的值。所以在你的例子中：

线高:28px；

Answer 4

在div上尝试display:table-cell而不是display:block。

此外，您还可以在以下网址了解如何使用vertical-align:http://phrogz.net/css/vertical-align/