html - 在 ul 标签中垂直对齐按钮

标签 html css

我想垂直对齐按钮。放置在 ul 标签内的是我的代码 http://jsfiddle.net/degHp/ ...我希望中间按钮垂直居中,按钮内的文本也垂直居中..任何人都可以帮助我吗?

最佳答案

这是我所做的。

  • 在每个 li 元素上添加了 display:blockvertical-align:middle
  • 为每个 li 添加了 line-height。这会垂直对齐链接内的文本。
  • 从 small li 中删除了 margin-top:10px,因为它不再需要它。

http://jsfiddle.net/degHp/8/

关于html - 在 ul 标签中垂直对齐按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11959903/

相关文章:

html - 粘性菜单中的元素在滚动时被按下

css - iPad 上的 HTML5 视频 css 背景颜色

javascript - 如何使这些表格单元格可排序?

javascript - Bootstrap 导航,长链接在 IE 中分两行,在其他情况下很好。怎么修?

javascript - Form 如何从 span 中获取 div 元素

javascript - 如何简化 Javascript Multiples if?

javascript - 如何动态地将函数分配给元素的 onclick 事件?

html - Safari 中固定元素的字体渲染损坏

css - 在按钮中间显示文本和图标

jquery - 为什么我的代码不能切换所有潜水而其他人的类似代码可以工作