标签: text-align
文本居中使用CSS无法在IE中工作
我在使表格中的文本显示在IE中居中时遇到问题.
在Firefox 2,3和Safari中,一切正常,但由于某些原因,文本不会出现在IE 6或7的中心.
我正在使用:
h2 {
font: 300 12px "Helvetica", serif;
text-align: center;
text-transform: uppercase;
}
我也尝试过添加margin-left:auto;,margin-right:auto和position:relative;
无济于事.
推荐指数
解决办法
查看次数
使用内联块和文本对齐的DOM Equidistant div在通过JS插入时将不起作用
我一直在尝试实现Chris Coyier的内联块+文本对齐解决方案,以自动在给定包装器的宽度中水平分配div.http://css-tricks.com/equidistant-objects-with-css/
当元素被立即加载到DOM中时,这很有效,但由于某种原因,在通过JS以编程方式添加元素时失败.就像浏览器只是忽略了css属性一样.
看看这个小提琴的一个非常基本的例子:http://jsfiddle.net/xmajox/NUJnZ/ 前两行是在HTML加载上添加的.单击按钮可通过JS在运行时添加更多内容.
最初我认为它可能与使用伪元素有某种关系:之后我尝试使用DOM节点的不同版本:http://jsfiddle.net/xmajox/wnPSA/ 不幸的是它的反应完全相同.
任何人都知道为什么会这样？或者更好的是,如何修复/预防？
推荐指数
解决办法
查看次数
Bootstrap最大宽度列响应
我正在尝试编写一个单页响应式Bootstrap设计的一部分,该设计有两个并排的文本列.设计人员希望这两列具有最大宽度,但一旦达到最大值,它就不再居中(因为其余内容继续响应).
有没有办法让这两列文字居中？
编辑:以下是代码的链接:http://www.bootply.com/119539
推荐指数
解决办法
查看次数
如何在字符串之前添加空格
我需要你的帮助,在字符串之前添加空格,因为我需要将String值格式化为页面中的特定位置.例如:
System.out.println(" Hello Word!!");
以上将在String之前给出10个空格,我手工编写它们,但是除了添加手动空格之外还有其他方法来指定String之前的空格吗？
推荐指数
解决办法
查看次数
text-align:center not working
我试过寻找答案但没有任何效果.我试图对齐一个段落.我很确定没有什么能覆盖CSS中的代码.这是HTML和CSS:
body {
background-image: url("../../images/pic01.jpg");
background-repeat;
}
#main {
background-color: rgb(255, 84, 0);
width: 75%;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
margin-top: auto;
overflow: auto;
height: 100%;
color: rgb(255, 255, 255);
}
#center {
text-align: center;
}<body id="top">
<div id="main">
<p id="center">
<h1> TEST </h1>
</p>
</div>
</body>这里有什么错误？
推荐指数
解决办法
查看次数
在 div 中居中 h2 - 非常基础
我想将 h2 居中 #top 但 vert-aliignt middle 不能使用相同的自动边距...我不知道该怎么做！
#top {
display: block;
position: relative;
height: 100px;
background-color: rgba(89,144,222,.6);
}
#top h2{
text-shadow: 2px 2px black;
text-align: center;
color: white;
font-family:"Impact";
font-size: 50px;
}
效果是—— 
推荐指数
解决办法
查看次数
Jekyll kramdown如何集中文本
我正在使用Jekyll(kramdown),并希望制作一些文本对齐中心.
我找到<span style="">了字体颜色和大小的作品,但不适用text-align.
我该如何对齐一些文字.
我试过了:
<span style="color:gray; font-size: 80%; text-align: center;">Test Text</span>
和:
-> Test Text <-
他们都没有工作.
推荐指数
解决办法
查看次数
文本对齐在 chrome 上不起作用
我在为客户制作网站时遇到一些奇怪的 CSS 问题，只有使用谷歌浏览器时才会出现这种情况。在 Firefox、Explorer 和 Edge 上，它确实工作得很好。
基本上，我在同一页面中多次使用的某些代码除了一次之外每次都有效。我真的看不出我哪里做错了：
<h2 class="big caps" style="text-align:left">WHAT WILL YOU LEARN?</h2>
页面在这里：如果您向下滚动到页面中间，您就会看到我在说什么。首先使用 google chrome 查看它，然后使用任何其他浏览器查看。（或源代码@第370行）
我究竟做错了什么？
推荐指数
解决办法
查看次数
text-align:center 适用于 chrome，不适用于 safari
这就是我如何使用它。
HTML
<h1>text</h1>
CSS
h1 {
text-align: center;
}
在Chrome 中一切正常，但在Safari 中与左侧对齐。为什么会在 Safari 中发生这种情况？
推荐指数
解决办法
查看次数
对齐内容：中心在 Chrome 中不起作用
我正在尝试使用align-content：center将div与flexbox垂直对齐。它在 Firefox 和 IE 中工作正常，但在 Chrome 中不能垂直对齐。在 Chrome 中，div 保持在顶部。
<div class="products-wrapper">
<div class="product">
<img src="images/temporary.jpg" alt="Temporary">
<h3>Title</h3>
<p>Text.</p>
</div>
<div class="product">
<img src="images/temporary.jpg" alt="Temporary">
<h3>Title</h3>
<p>Text.</p>
</div>
<div class="product">
<img src="images/temporary.jpg" alt="Temporary">
<h3>Title</h3>
<p>Text.</p>
</div>
</div>
和CSS：
.products-wrapper {
width: 100%;
min-height: 100vh;
/* FLEX */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
.product {
max-width: 250px;
padding: 10px;
}
.product img {
display: block;
margin: 0 auto;
max-height: 250px;
max-width: 250px;
} …推荐指数
解决办法
查看次数