0

<span>水平方向にのみ整列していますが、垂直方向には整列していません<div>

CSS:

.upload-cont{
    cursor:pointer;
    margin-left:130px;
    display:inline-block;
    border:2px dashed #a8a8a8;
    max-width:220px;
    max-height:180px;
    min-width:220px;
    min-height:180px;
}
.add-text{
    display:block;
    font-size:10px;
    font-weight:bold;
    color:#999;
    word-wrap:break-word;
    text-align:center;
    width:100px;
    margin:auto;
    vertical-align:middle;
}

HTML:

<div class="upload-cont">
  <span class="add-text">Something</span>
</div>

<span>の真ん中にある縦を揃えるにはどうすればいい<div>ですか？

このjsfiddleを確認してください： http://jsfiddle.net/xdYUs/1/

4

3 に答える 3

2

これを試してください：http://jsfiddle.net/xdYUs/2/

position:relative;コンテナと要素position:absolute;に使用します。span私が見たように、コンテナの幅と高さは固定されています。要素のtopとleftプロパティを設定することでそれを使用できますspan

于 2013-01-12T14:26:26.640 に答える
1

これを試して...

.add-text{
    display:block;
    font-size:10px;
    font-weight:bold;
    color:#999;
    text-align:center;
    width:100px;
    margin: 40% auto;
}

jsFiddle の例

ご挨拶...

于 2013-01-12T14:26:38.843 に答える
0 
.add-text
{
    display:block;
    font-size:10px;
    font-weight:bold;
    color:#999;
    word-wrap:break-word;
    text-align:center;
    width:100px;
    margin:auto;
    vertical-align:middle;
    line-height:170px;
}

line-height => 180px (コンテナ) - 10px (フォントサイズ) = 170px

于 2013-01-12T14:29:56.640 に答える