我试图在页面上均匀地集中一些内容。 这是到目前为止我所做的一个示例: Codepen RTC

如何在页面中央制作“ hello”? 我不介意“以前的部分。”

谢谢

编辑: 我想要的样机

===============>>#1 票数:0

http://codepen.io/anon/pen/scfxy/

跨度的绝对位置。 如果您想摆脱它们,请添加top: -50px;

  ask by yaclive translate from so

未解决问题?本站智能推荐:

5回复

居中div内的中心内容

我有以下几点: 我试图做到这一点,如果没有足够的空间容纳旁边的另一个可单击框,则可单击框将位于内部容器的中心。 但是如果有足够的宽度(600px +),那么它们将创建2列(它们一起位于内部容器的中心),并且如果还有更多的空间(900px +),则还有3列,等等。 换句话说,当
2回复

居中动画始终偏心

在过去的几天里,我一直在为此苦苦挣扎,因此非常感谢您的帮助。 我的标题下方有一行(hr元素)。 我正在尝试使div集中在可增长和收缩的小时数上。 但是,当应用css3动画时,它将导致div向下和向右移动,就好像div的左上角点(我认为是(0,0))被设置为中间位置一样。 我创建了一个
2回复

如果文本太偏心,请垂直居中对齐

我是后端编码器,并且在前端开发中是一个新手,但是我现在有空闲时间,我想尝试学习HTML / CSS的基础知识:) 这些图像描述了我的问题: 我有以下。 左侧是简单信息,右侧是标题。 但是如果标题很长,我的标记就会变糟: 我想实现这一目标(绘画): 换句话说,如果标
6回复

页面中心内容

如何将页面内容置于其中心? jsFiddle 我就是这样进行的,但是那行不通。 请如何解决?
1回复

NavBar的中心内容 - BootStrap

我试图将导航栏的内容集中在一起但是,我无法使其正常工作 我认为一切似乎都比中心更左对齐,但我没有使用浮动:离开任何地方 我正在尝试将图像和导航居中 码: CSS:这是CSS代码
1回复

可编辑的中心内容

我如何居中可编辑单元格的内容。 下面是我目前所拥有的Codepen。 https://codepen.io/anon/pen/ZvBoYd 我当前的CSS是:
2回复

引导导航的中心内容

我试图将使用引导程序3的导航的内容居中。我尝试了类似以下CSS这样类似问题的许多建议解决方案,但是遗憾的是。 @media (min-width: 768px) { .navbar .navbar-nav { display: inline-block; float: none;
1回复

SVG的中心内容

我有以下这样的SVG。 现在,圆圈占据了SVG的整个大小。 如何使它看起来像这样:SVG具有一定的大小(例如215x250),圆在svg的中心应为16号。 为该居中圆设置动画也将非常好,因此它看起来像是一个加载微调器。 的jsfiddle 这是我要实现的目标:
2回复

Flexbox:中心内容

我这里有这个布局。 我正在尝试使体内的所有东西居中。 除了我在链接和下面的代码中尝试过的内容之外,我还尝试了向包装器添加flex-display属性,但这并没有成功。 我不完全确定自己在做错什么,因为我相信justify-content: center; 应该是把戏吧? 还有一件事
3回复

Bootstrap 4模态中心内容

有人可以解释如何在Bootstrap 4模式中水平居中标题。 我已经尝试过text-center , mx-auto和ml-0 / mr-0但它们似乎不起作用。 这是一个小提琴的链接 。 代码如下;