我想要我的< p>元素位于容器的中心< div>中,完全居中 – 顶部,底部,左侧和右侧边缘均匀地分开空间. 我该如何实现呢？ div {
width: 300px;
height: 100px;
}
p {
position: absolute;
top: auto;
} <div>
<p>I want this paragraph to be at the center,
我有一个1920×100的图像插入我的页面顶部： <img src="./Resources/Images/banner.jpeg" style="position:absolute; top:0px; left:0px; height:100px; width:100%;" name="top"> 我想要这样做,以便当页面水平调整大小时,图像不会缩小页面,而是保持在屏幕的中心,如下所示： 这似乎
假设我想在视口的中心放置一个元素作为弹出消息.它应该满足以下要求： >即使元素大小动态变化,元素也应在浏览器中保持居中(水平和垂直) >如果调整浏览器大小,元素应保持居中 >不允许使用Javascript >仍然适用于IE7 如果没有采用下面的基于表格的解决方案,有没有更好的方法来实现这一目标？ <table style="position:absolute;width:100%;height:1
body {
margin: 0;
}
.header {
width: 80%;
height: 20%;
margin-left: 10%;
position: fixed;
top: 0;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
我想把图像放在一个div里面. div的宽度为300px.图像宽度仅在运行时才知道.它通常大于300px,所以图像应该是中心的,左右剪切.在这种情况下,margin 0 auto不起作用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr
我试图将div放在另一个div中. 我尝试了以下 HTML和CSS HTML <div class="header">
<div class="homeImageText">
<h1>Document Preparation Like Never Before</h1>
</div><!--homeImagetext end-->
</div> CSS .homeImageTex
中心对齐内联块元素的最简单方法是什么？ 理想情况下,我不想为元素设置宽度.这种方式取决于在元素内输入的文本,内联块元素将扩展到新的宽度,而不必改变CSS内的宽度.内联块元素应该彼此重心(不是并排),以及元素内的文本. 请参阅下面的代码或参见jsFiddle. 当前的HTML： <div>
<h2>Hello, John Doe.</h2>
<h2>Welcome and have a wo
在 this example图像不居中。为什么？我的浏览器是Google Chrome v10在Windows 7，而不是IE。 <img src="/img/logo.png" style="margin:0px auto;"/> add display：block;它会工作。默认情况下，图像是内联的 为了说明，块元素的默认宽度是auto，它当然填充包含元素的整个可用宽度。 通过将边距设置为自动
如何水平居中可变宽度的浮动元素？ 编辑：我已经有工作使用包含div为浮动元素和指定容器的宽度(然后使用margin：0 auto;对于容器)。我只想知道是否可以不使用包含元素或至少不必指定包含元素的宽度。 假设被浮动并且将被居中的元素是具有id =“content”的div， … … <body>
<div id="wrap">
<div id="content">
This will
我一直在使用Twitter的引导，我希望进度栏上的文本中心在on bar，无论价值。 下面的链接是我现在的。我想让所有文本与最底部的栏对齐。 屏幕截图： 我试过我的最好的纯CSS，我尽量避免使用JS，如果可能，但我愿意接受它，如果它是最干净的方式做到。 <div class="progress">
<div class="bar" style="width: 86%">517/600</d
我有以下HTML： <div class="outer">
<div class="inner rotate">Centered?</div>
</div> div.outer是一个窄垂直条。 div.inner旋转90度。我想要的文本“居中？出现在其容器div中心。我不知道事先的div的大小。 这接近：http://jsfiddle.net/CCMyf/2/.你可以从jsfiddle看到
有一个Navbar< div>，里面是一个< ul>和每个< li>包含< a>带有链接(这是一个导航栏) 我看了谷歌和这个网站，我couldnt找到我正在寻找什么。 我想要的是能够保持我当前的风格(使用< li>与< a>的内部)，我想要< li>以均匀分布和居中(如果它们均匀分布则该部分是自然的…)在< ul> (位于navbar< div>内)。 无论如何，如果这没有意义让我知道，目前他们只
假设我们有使用Twitter Bootstrap 2.0的导航栏的以下标记。 <div class="navbar navbar-fixed-top">
<div class="navbar-inner pull-center">
<ul class="nav">
<li class="active"><a href="#">HOME</a></li>
我正在建立一个登录表单，我想在屏幕中间的用户名和密码字段正方形。我也使用Zurb Foundation软件包来构建这个表单。我把事情放在垂直方向上有很多麻烦。 这是我的代码： <!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE
我有一个无序的列表包装在第二行，需要在包含UL内的水平居中。每个LI是一个设置的宽度和高度。我已经看到许多方法适用于单行，但是当列表包装到第二行时，我没有尝试过的方法正在工作。这将是理想的，如果这在IE7工作 – 谢谢你的帮助。 见这里说明： http://grab.by/8UIl 这是我可以找到的最好的方法。 ul li {
/* make list elements fall inl
我在这样的div中有一个图像 <div><img /><div> 图像是动态的,没有固定的大小. div的大小为200px×200px.事先不知道图像尺寸.如果图像的大小大于190像素×190像素,则将其设置为190像素×190像素(即最大宽度：190像素,最大高度：190像素).如何满足这些需求,使图像居中？我也需要一个在Internet Explorer 7中工作的解决方案. 解决方案here
基本上,我想把文本中心,忽略任何漂浮的兄弟元素. 起初,我以为这不会是一个问题,因为我的印象是,一个浮动元素没有从任何兄弟元素的宽度. Example(我想要红色的文字在蓝色的框的中心,尽管绿色的文字) 如何最好地实现？ 你不行如果它在父框内居中,那么float将在某个时刻与内容重叠,这将会使得float的点失效.这里有两种方法可以使用.如果您知道浮动的宽度,则可以应用相等的负右边距.否则,您可以
有人问我为什么要这样做,让我直接告诉你.那样你们中的一个聪明的窥视可以告诉我一个更好的方法… 我正在画一幅绘画的观众,这些绘画应该能够拉伸来填满页面,90％的屏幕高度是精确的.我想将画作一个一个地淡化,并将每个画面放在屏幕的中央. 为了使画面相互淡化,我需要将它们定位为“绝对”,以阻止它们的堆叠.这里是麻烦来了.自从我将它们设置为绝对值之后,我用来集中包含div的所有方法都没有起作用. 问题的一部
让最简单的代码工作,我遇到了很大的麻烦.我想要我的css水平列表为中心,就是这样. 链接到这里：http://bit.ly/LtIBai 我有这个代码： #megaMenu.megaMenuHorizontal ul.megaMenu {
text-align: center;
}
#megaMenu.megaMenuHorizontal ul.megaMenu > li {
display:
我使用tumblr的代码拉入tumblr feed,并使用after：添加一个图像作为帖子之间的分隔符.我想以图像为中心,但没有运气这样做.因为tumblr生成的内容,而不是我,我不认为我可以使用跨标签,这似乎是通常的答案.任何其他想法？ 显示正在使用的饲料的页面：lumn.net/index.shtml CSS： .tumblr_post:after {
content: url(../
