css - 如何使div在垂直和水平方向上居中

标签 css

<分区>

我想将文本“apple”垂直和水平居中。 我尝试了已经提出的所有解决方案(内部 div、vertical-align、margin:auto...) 我就是不明白。

http://jsfiddle.net/0jkdLr84/3/

我认为问题出在下面。

#distance
{
 height:20%; 
 text-align: center;
 vertical-align: middle;
 font-size: 2em;
}

谢谢。

最佳答案

这应该有效:

#distance
{
    height:20%; 
    text-align: center;
    margin-top: 10%;
    font-size: 2em;
}

关于css - 如何使div在垂直和水平方向上居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25749542/

上一篇:jquery - Canvas 外导航滑动功能

下一篇:jquery - Rails 什么 css 文件调用媒体 ="all"?

相关文章:

css - 带有圆 Angular 的 React 渐变 slider (评级组件)

javascript - 在弹出窗口之前显示背景颜色?

jquery - 获取一个 div 的高度并将其应用于单独的一个

html - 当表格行数较多时,上面的div与页脚的div重叠

html - 页脚位置固定在页面底部

css - @font-face vs 谷歌字体 vs Cufon

php - 如何授予外部开发人员部分访问权限?

javascript - 无法获取 SVG 样式 CSS

html - 在固定的 div 内固定一个 div 以防止滚动时移动

css - 将自定义样式应用于 react 选择和最佳实践