Tag: 居中

Twitter Bootstrap:进度条上的中心文本

我一直在使用Twitter的引导程序,并且我希望进度条上的文本以on栏为中心,而不pipe值是多less。 下面的链接是我现在拥有的。 我希望所有文本都与最底部的栏alignment。 截图: 我已经尽力用纯粹的CSS,我试图避免使用JS如果可能,但我愿意接受它,如果这是最干净的方式来做到这一点。 <div class="progress"> <div class="bar" style="width: 86%">517/600</div> </div>

用CSS垂直居中旋转的文本

我有以下的HTML: <div class="outer"> <div class="inner rotate">Centered?</div> </div> div.outer是一个狭窄的垂直条。 div.inner旋转90度。 我希望文字“居中?” 出现在它的容器div的中心。 我不知道任何一个div的大小。 这接近: http : //jsfiddle.net/CCMyf/2/ 。 你可以从jsfiddle中看到文本在transform: rotate(-90deg)之前是垂直居中的transform: rotate(-90deg)风格被应用,但是稍后有些偏移。 当div.outer短时,这一点尤为明显。 是否可以在不知道任何尺寸的情况下垂直居中? 我还没有find解决这个问题的任何transform-origin价值。

如何水平居中可变宽度的浮动元素?

如何水平居中可变宽度的浮动元素? 编辑:我已经有这个工作使用包含div的浮动元素和指定容器的width (然后使用margin: 0 auto;容器)。 我只想知道是否可以在不使用包含元素的情况下完成,或者至less不必为包含元素指定width 。

自动页边距不会在页面中居中放置图像

在这个例子中 ,图像不居中。 为什么? 我的浏览器是Windows 7上的Google Chrome v10,不是IE。 <img src="/img/logo.png" style="margin:0px auto;"/>

如何在WinForms中保持一个标签?

在WinForms我使用Label显示不同的消息,如成功,失败等 我想把这个标签放在中间的位置。 我想要一个解决scheme,不pipe标签中只有一个单词还是整个句子,它都将保持居中。

中心位置:固定元素

我想表明一个position: fixed; 以dynamic宽度和高度为中心的popup框。 我用margin: 5% auto; 为了这。 无position: fixed; 它水平居中,但不垂直。 添加position: fixed; ,它甚至不是水平居中。 这是完整的集合: .jqbox_innerhtml { position: fixed; width: 500px; height: 200px; margin: 5% auto; padding: 10px; border: 5px solid #ccc; background-color: #fff; } <div class="jqbox_innerhtml"> This should be inside a horizontally and vertically centered box. </div> 我如何将这个盒子放置在CSS的屏幕中?

如何以“位置:绝对”元素为中心

我有一个问题居中的属性position设置为absolute的元素。 有谁知道为什么图像不居中? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { border: 1px solid #ccc; padding: 4px; height: 450px; } <body> <div id="slideshowWrapper"> <ul id="slideshow"> <li><img src="img/dummy1.JPG" alt="Dummy 1" /></li> <li><img src="img/piano_unlicened.JPG" alt="Dummy […]

如何在Tkinter屏幕上放置一个窗口?

我正在尝试将tkinter窗口居中。 我知道我可以编程获取窗口的大小和屏幕的大小,并使用它来设置几何,但我想知道是否有一个更简单的方法来在屏幕上的窗口居中。

居中在CSS网格

我正在尝试使用CSS Grid创build一个简单的页面。 我没有做的是将文本从HTML中心到各自的网格单元格。 我已经尝试将内容放置在left_bg和right_bgselect器的内部和外部的独立div中,并且使用某些CSS属性无济于事。 我如何做到这一点? html, body { margin: 0; padding: 0; } .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 100vh; grid-gap: 0px 0px; } .left_bg { display: subgrid; background-color: #3498db; grid-column: 1 / 1; grid-row: 1 / 1; z-index: 0; } .right_bg { display: subgrid; background-color: #ecf0f1; grid-column: 2 / 2; grid_row: 1 […]

垂直居中div内的两个元素

我正在尝试垂直居中两个<p>元素。 我在phrogz.net上跟着教程,但是仍然把元素放在div之下,在div之下,顶部alignment。 我会尝试一些其他的东西,但这里的大部分问题都只是指向那个教程。 这个片段是针对网页顶部的横幅。 .banner { width: 980px; height: 69px; background-image: url(..http://img.dovov.comnav-bg.jpg); background-repeat: no-repeat; /* color: #ffffff; */ } .bannerleft { float: left; width: 420px; text-align: right; height: 652px; line-height: 52px; font-size: 28px; padding-right: 5px; } .bannerright { float: right; width: 555px; text-align: left; position: relative; } .bannerrightinner { position: absolute; top: 50%; height: 52px; […]