0

检查这个jsfiddle

是否可以在只有左侧边距的 div 中放置居中文本？基本上根据黑框将文本居中，但不会超出红框。

一种解决方案是放置text-indent: -25%，但是当我们调整窗口大小并使其更小时，文本的某些部分将被隐藏。

有任何想法吗？

更新：我希望文本以黑框为中心，但不要超出红框。而且我不希望右边有任何边距/填充

4

3 回答 3

2

用于 伪元素

:after

写这个 CSS 

h1 {
    display:block;
    position:relative;
    background: red;
    height: 100px;
    line-height: 100px;
    margin: 0 0 0 0;
    font-size: 2em;
}

h1:after{
content:'';
    left:0;
    top:0;
    bottom:0;
    width:25%;
    position:absolute;
    background:#000;
}

现场演示

有关此的更多信息

关于伪元素

于 2012-11-27T12:20:37.603 回答
0

check out this FIDDLE

first set you div width and then set your h2 as width: inherit

于 2012-11-27T12:35:30.110 回答
0

我不完全了解您要做什么，但margin-left: auto; margin-right: auto;可以解决问题。

http://jsfiddle.net/j8CYE/14/

于 2012-11-27T12:20:48.143 回答