文本和框中心的页面

我有一个框中心，无论窗口大小和文本在其中，但我不能让它也在盒子本身的中心文本，而不是只居中。我最初使用行高（单个词可以），但它不适用于多行文本。文本和框中心的页面

请解释它是如何工作的。

<div id="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>

http://jsfiddle.net/84mHh/

来源

2014-03-30 Charles

你不知道'文本对齐：中心;'？ –

你想要水平，垂直或两者都居中的文字？ – j08691

应该明确指出，文本应该位于方框的中间，而不是仅仅居中。编辑细节。 – Charles

我只是用text-align: center;财产

来源

2014-03-30 20:47:51

您可以通过使用CSS居中会使用text-align: center;

#box { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 200px; 
    height: 200px; 
    margin-top: -100px; 
    margin-left: -100px; 
    background: #b7d84b; 
    text-align: center; 
}

http://jsfiddle.net/84mHh/1/

来源

2014-03-30 20:48:22 Companjo

应该明确指出，文本应该位于方框的中间，而不是集中在中间。编辑细节。 – Charles

开始：

#box { 
    text-align: center; 
    . 
    . 
    . 
}

然后你可以用它来使之垂直居中：

#box p { 
    vertical-align: middle; 
    display: table-cell; 
    height: 200px; 
}

JSFiddle

来源

2014-03-30 20:53:21

文本和框中心的页面

回答

相关问题