相关疑难解决方法(0)
如何水平居中<div>？
如何使用CSS <div>在另一个内部水平居中<div>？
<div id="outer">
<div id="inner">Foo foo</div>
</div>
推荐指数
解决办法
查看次数
在页面上垂直和水平居中<div>的最佳方法是什么？
<div>在页面上垂直和水平居中元素的最佳方法是什么？
我知道这margin-left: auto; margin-right: auto;将以水平为中心,但垂直做的最佳方式是什么？
推荐指数
解决办法
查看次数
在CSS中居中一个div
我正在尝试将newsslider(在div底部容器中)放在此页面上:
http://www.luukratief-design.nl/dump/parallax/index.html
我已经有了 text-align: center;
它仍然无效.
有什么建议？
推荐指数
解决办法
查看次数
在CSS中居中可变宽度div的简便方法
我试图将一个具有不同宽度的Div(基于网站内容)居中.
我在这里阅读了一个相对定位技术:
http://www.tightcss.com/centering/center_variable_width.htm
但我认为必须有一个更简单的方法吗？
推荐指数
解决办法
查看次数
如何在引导程序中将YouTube嵌入式视频与中心对齐
我试图在我的引导页面中将YouTube嵌入式视频与页面中心对齐.视频的大小始终相同.
我的HTML看起来很简单:
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/ig3qHRVZRvM" frameborder="0" allowfullscreen=""></iframe>
</div>
我尝试了stackoverflow的不同解决方案(它只针对div而不是视频),而我能想到的最好的解决方案就是这个小提琴.
我已经尝试过solution1,solution2,solution3但没有结果.另一个部分成功的解决方案是使用:
width: 50%;
margin: 0 auto;
它在桌面上运行良好,但在iPad或手机上失败(视频部分在屏幕之外).如何在桌面/平板电脑/手机中正确居中视频？
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
仅使用 CSS 居中内容？
可能的重复：
如何使用 CSS 轻松水平居中 <div> ？
我读过多种使用 CSS 在页面上居中内容的方法。我不是在谈论文本，而是在谈论图像或容器等内容。
居中内容的最佳方式是什么？
设置框的宽度，然后使用类似 left: 50% 的值？
我读过很多方法，试图理解哪种方法真正效果最好，并且跨浏览器友好并且可以在旧版浏览器中工作，这确实令人困惑。
关于什么是真正最好和最有效的方法有什么想法吗？
谢谢！
推荐指数
解决办法
查看次数
如何将div放在div中心
我已经尝试过很多东西来将一个span元素(包含几个DIV)集中在一个包装器DIV中(在本例中是soccerField DIV)...
HTML结构如下所示:
<div id="soccerField">
<span id="defendLine">
<div>player 1</div>
<div>player 2</div>
<div>player 3</div>
<div>player 4</div>
</span>
<div>
CSS看起来像这样:
#field{
padding: 0%;
min-width: 250px;
min-height: 1000px;
max-width: 800px;
position: relative;
text-align: center
}
#defendLine{
display: inline-block;
}
目前它看起来像:
最后它应该看起来像:
但是这个结果我只有在使用这段代码时才会得到:
#defendLine{
position: absolute;
left:59px
}
但这不是正确的方式我觉得因为当我的DefendLine只有3名球员或5名球员时,我还必须给出一些"左:X"值.但我想动态地制作它.>>无论玩家多少,总是以跨度元素为中心,独立于我包含多少玩家.
我已经检查了这些有助于其他的文章,但在这种情况下.我无法帮助自己:(
CSS如何水平居中div 如何使用CSS轻松地水平居中<div>？
如果有人能给我一个提示,我会很高兴的!
编辑:
我创造了一个小提琴,我尝试了所有解决方案.我觉得别的是我问题的原因:(
推荐指数
解决办法
查看次数
CSS如何使div水平居中
我正在努力使 div 水平居中。我有以下代码将我的 div 垂直和水平地居中在 body 标记中，但似乎只有垂直部分有效。我怎样才能让水平部分也能工作。提前致谢。
body
{
background-color: #081418;
font-size: .75em;
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
color: #696969;
text-align: center;
}
.OuterRim
{
border:5px solid #99D7C0;
height: 97%;
width: 85%;
/*center aligning*/
display: block;
text-align: left;
margin: 0px auto;
}
推荐指数
解决办法
查看次数
更改页面中心的咆哮位置
我正在使用 jsf2.2 primefaces 6.0，并且我已经实现了一个带有咆哮声的登录界面来显示身份验证失败。现在的问题是，我想在网页中央而不是右上角显示咆哮，以获得更好的人体工程学效果。
\n\nxhtml代码：
\n\n<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n<ui:composition xmlns="http://www.w3.org/1999/xhtml"\n xmlns:h="http://xmlns.jcp.org/jsf/html"\n xmlns:f="http://xmlns.jcp.org/jsf/core"\n xmlns:ui="http://xmlns.jcp.org/jsf/facelets"\n xmlns:jsf="http://xmlns.jcp.org/jsf"\n xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"\n xmlns:p="http://primefaces.org/ui"\n template="/facelets/templateLogin.xhtml">\n <ui:define name="pageTitle">Please login ...</ui:define>\n <ui:define name="content">\n\n\n <div id="login-box" class="login-box visible widget-box no-border">\n <div class="widget-body">\n\n <div class="widget-main">\n\n <h4 class="header blue lighter bigger">\n\n\n\n\n <i class="fa fa-sign-in"></i> Entrer vos informations\n </h4>\n\n <div class="space-6"></div>\n\n <div class="space-6"></div>\n <div class="space-6"></div>\n\n <h:form id="loginFormId">\n <h:panelGrid id="grid" cellpadding="5">\n <p:growl id="growl" showDetail="true" sticky="true" />\n\n <fieldset>\n <label class="block clearfix"> <span\n class="block input-icon input-icon-right" > <p:inputText title="Entrer votre matricule"\n …推荐指数
解决办法
查看次数