如何把一個div的IMG和文本中

-1

我有一個包含IMG和文本我想使用該div就像一個按鈕這裏是我的HTML代碼，一個div：如何把一個div的IMG和文本中

<div id="p6btnBack" class="btn"> 
      <img id="p6btnCircleBack" src="img/back.png" class="btnCircle" /> 
      Back 
     </div>

和CSS代碼是：

.btn { 
     position: fixed; 
     width: 10%; 
     top: 24%; 
     left: 2%; 
     height: 7%; 
     font-size: 25pt; 
     background-size: cover; 
    } 

    .btnCircle { 
     position: relative; 
     top: 0%; 
     left: 0%; 
     height:100%; 
     background-repeat: no-repeat; 
     background-size: contain; 
    }

我希望把「返回」文本中間豎格的......任何人知道我做的是如何taht？ THX

來源

2015-08-26 combo_ci

你能後的第一個工作的jsfiddle碼問題。我不明白你究竟想要什麼？ – vikrantnegi007

的答案是：

CSS：

.btn{ 
     position: fixed; 
     font-size: 25pt; 
     width: 11%; 
     top: 83%; 
     left: 48%; 
     height: 6%; 
     padding-top: 10px; 
     padding-left: 5%; 
    } 

    .btnCircle { 
     position: absolute; 
     top: 0%; 
     left: 3%; 
     height: 100%; 
     background-repeat: no-repeat; 
    }

HTML：

<div id="p6btnBack" class="btn"> 
     <img id="p6btnCircleBack" src="img/back.png" class="btnCircle" /> 
     Back 
    </div>

來源

2015-10-07 09:21:01

CSS

寫文本對齊：中心;在.btn類

btn { 
     position: fixed; 
     width: 10%; 
     top: 24%; 
     left: 2%; 
     height: 7%; 
     font-size: 25pt; 
     background-size: cover; 
    text-align:center; 

    }

working fiddle

demo1的 CSS

body { 
    width: 100%; 
    height: 100%; 
} 
div { 
    position:absolute; height:100%; width:100%; 
    display: table; 
} 
h1 { 
    display: table-cell; 
    vertical-align: middle; 
    text-align:center; 
}

HTML

<body> 
    <div> 
     <h1>Text</h1> 
    </div> 
</body>

fiddle

來源

2015-08-26 12:00:20 falguni

它只是在水平中心........我想設置垂直中間!!!! –

你有試過jsfiddle嗎？ – falguni

是的...因爲我說你的代碼只是把div的所有elemnt中心 –

如何把一個div的IMG和文本中

回答

相關問題