強制div與上部div對齊

我正在創建一個web但遇到div對齊的問題。現在無法解決這個問題一天。強制div與上部div對齊

如何強制對齊圖像（文本圖像）？它在div裏面。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" charset="utf-8;" content="text/html" /> 



<link rel="stylesheet" type="text/css" href="styles.css" /> 

</head> 
<

當窗口調整大小或放大/縮小時，強制下面的div保持放置狀態。

來源

2013-07-08 yakults

好，一個良好的開端將是徹底刪除圖像的使用''

標籤 – iConnor

我試着刪除，但仍然無法正常工作。 – yakults

同意Connor使用圖像的文字，這是一個非常糟糕的主意。 – Jacques

第一個問題是，當您想要調整大小或放大/縮小時，請勿添加「margin-right：300px」等特定邊距。

第二個問題是在圖像中添加「float：right」。

下面的代碼更改將解決您的問題。

<div style="width: 960px; margin:0 auto;" align="left"> 
    <p> 
    <span style="float:left"> 
     <br> 
     ABOUT CTI 
    </span> 
    <img src="images/about-cti.jpg"/> 
    </p> 
</div>

來源

2013-07-08 13:10:24 Girish

在FF和Chrome上工作良好，但對IE 10沒有影響。 – yakults

如果您真的想將「文本圖像」用作常規圖像，爲什麼不在樣式表中使用它？所以，現在你已經有了一個div，所以要讓這個div成爲一個類或id，並製作一張樣式表，並將該圖像作爲背景圖像。然後你可以使用位置策略將圖像放在任何你想要的位置。

HTML: 

<body> 
     <div class="textimage"> 

     </div> 
</body> 


CSS: 

.textimage{ 
width:500px; 
height:500px; 
background-image: url('..whatever.gif'); 
background-position: 50px 50px; //the first coordinate moves the image left to right // while the second coordinate moves it up and down 
}

來源

2013-07-08 13:03:45 Keith

試試吧

<div style="text-align: center"> 
    <img style="width: 960px;" src="images/about us img.jpg"></img> 
    <div style="text-align: center"> 
      <img src="images/about-cti.jpg"></img> 
      <br />ABOUT CTI 
    </div> 
</div>

來源

2013-07-08 13:10:25 PiLHA

強制div與上部div對齊

回答

相關問題