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; […]