centering相关内容

按钮集中在帆布

在这张画布上,我想覆盖四个HTML / CSS按钮一个在画布中心的列(用于游戏菜单)。我是CSS和HTML的新手,我还不能找出如何让按钮居中在绝对定位的画布。我怎样才能做到这一点?谢谢。 HTML: ..
发布时间:2017-02-10 14:37:23 前端开发

定心体和大滑块

我已经设法取消了我的身体,同时尝试在后台放置滑块,因此它也居中,所以即使调整窗口大小也保持居中。 如果您的浏览器允许缩小网站,您可以看到该网站位于中心,但是当您打开它并且滑块图像太大时,它只会与窗口的左边缘对齐。 我是自学成才,所以也许我错过了一些东西,或只是需要一些指导如何解决这个问题。请帮助! css在这里: #billboardWrapper { height:60 ..
发布时间:2017-02-10 14:00:37 前端开发

当flexbox和经典技术不工作时,集中inline-block元素

在这里:https://irfan.io 页面 我已经尝试以每个方向为中心的小圆圈,我可以想到,他们或者没有集中或中心是不响应 - 意味着当视口更改时失败。 它们都是.small类,它们是#main的子级。 我试过flexbox: #main { display:flex; align-items:center; justify-content:center; ..
发布时间:2017-02-09 20:22:34 前端开发

CSS两个图像之间的中心文本

我需要显示两个图片和一些文字: ------------- ----------------------------- img1 --------一些居中文本----- --img2 ------------------------------------------ img1和img2尺寸不同,但宽度非常接近 文本根据显示的页面而变化,并且可以包括两 ..
发布时间:2017-02-09 19:51:57 前端开发

中心环绕(当它不适合行)

我试图仅使用CSS创建此布局: 标题适合时: 标题不合适时: 如果右边的btn包裹,应该居中。 我尝试过: .container {width:100%; border:1px solid gray; padding:5px;}。block {padding:5px; border:1px solid orange; float:left;}。right-block ..
发布时间:2017-02-07 23:27:17 前端开发

如何在两个维度上将图片居中在图片顶部?

感谢大家的及时反馈,一直非常有帮助。一个问题仍然存在: line-height 和 padding 似乎都不能两者文本,其长度足以围绕和文本,该文本在应用于表格单元格中时完全适合于图片中间的一行。 奇怪的是,SwDevMan81下面提供的填充解决方案在应用于div而不是表格单元格时工作正常。 我为我的幼稚提前道歉;这是我第一次进入HTML和CSS。 表的代码如下: ..
发布时间:2017-02-07 23:12:10 前端开发

创建一个垂直和水平居中的html div

我想要建立类似Google首页的网页。它是一个位于中心的输入框和在页面顶部显示链接的div。如果我改变浏览器窗口的大小,我也希望页面动态调整大小。我已经实现部分成功使用yui2网格css和一个表。以下是一段代码: link1 ..
发布时间:2017-02-07 15:12:42 前端开发

水平和垂直居中在CSS的一个稠粘的页脚上

给定一个粘性页脚,如Ryan Fait的网站上的固定像素高度,是否可以在此页脚上方的空间中水平和垂直地放置可变大小的内容? 解决方案 我建议您查看 Bobby van der Sluis的文章 。 footer_variation1.html“>示例#7”在他的文章的末尾显示垂直居中的块。 编辑您可以还使用单个单元格表来完成垂直居中。将它与Ryan Fait的粘性页脚结合会给你这样的 ..
发布时间:2017-02-06 14:40:24 前端开发

如何在所有屏幕尺寸的网页上居中图像

我的HTML有问题。我已经在互联网上搜索,但仍然没有真正的答案。 我有一个网站有一些图像,我希望他们在中间。现在,在我的屏幕上,他们在中间,但这是因为我把他们在那里移动到一边。当我的朋友看着它,图像偏离中心。 这是网站; 解决方案 如果你在13.5英寸的屏幕上看起来是在中间。一个简单的 标签? 我喜欢webdesign,你的网站是非 ..
发布时间:2017-02-06 13:07:37 前端开发

多中心浮动div在液体布局

我有一个想要的布局,我想使用,但我不能让它正常工作。我希望我在这里的人可能能够帮助,因为我花了几个小时搜索。 布局是这样的。 一个包装div包含6个子div。这些子div必须以 ALL 为中心,而不考虑封装div的大小。 < ; html> 测试 br.clear {clear:both;显示:b ..
发布时间:2017-02-06 12:40:15 前端开发

在DIV中居中无序列表

首先,我知道这个问题已经问了一个百万次...我看过这一个具体以及在本网站和其他网站上的其他几个。我已经尝试了大量不同的变化,在每个这些,仍然不能让它工作。 我试图集中一个无序的列表。它正确显示,它只是不居中。目前,它是关闭到中心...但如果你改变CSS中的.nav-container代码中的“width”参数,那么它会移动div的位置。 这是我的CSS: html * { f ..
发布时间:2017-02-06 10:54:25 前端开发

如何扩展Twitter Bootstrap图像轮播为动态大小,居中的图像

我尝试扩展默认的Bootstrap图片轮播,以支持动态大小的图片(最大500x400),以水平和垂直为中心。此外,我想保留原始的字幕布局,将标题固定在图片底部,标题div完全穿过图片(但不能进一步扩展)。 我把一个小提琴放在一起,这是一个相当干净的实现默认的Bootstrap设置(在css部分的结尾只有4个额外的样式): http://jsfiddle.net/rdugan/JFBFU ..
发布时间:2017-02-06 10:00:59 前端开发

使用css在parent下面居中水平子菜单

使用小提琴最佳显示: http://jsfiddle.net/Jnttm/ 如何获取子菜单居中在父菜单项下?很多我发现的中心技巧不适用,因为子元素比父元素宽。 这是可能与纯CSS还是我必须诉诸于javascript? 如果需要JS,任何人都有JQuery代码方便这样做? 解决方案 可能是你必须为自己定义一个默认的 width 子菜单如下: .sub菜单{ dis ..
发布时间:2017-01-20 20:22:30 前端开发