定位的小區

中的文本我有這樣的jsfiddle：Click here 定位的小區

<table class="findus-main-table"> 
    <tr> 
     <td> 
      <img class="static-map" onClick="swap();" id="static-map-id" /> 
     </td> 
     <td style="text-align: center; vertical-align:bottom; position: relative;"> 
      <span style="font-size: 22px; font-weight: bold;">The address I want here</span> 
      <!-- the inner table for location and distance and phone number --> 
      <table style="text-align:left;" cellspacing="10"> 
       <tr> 
        <td style="vertical-align:top"> 
         <div> 
          <div>Phone: (613)-123-1234</div> 
          <div>Distance: 0.123km</div> 
         </div> 
        </td> 
        <td> 
         <div><b>Store Hours</b> 
         </div> 
         <div>Mon - Fri: 8am - 2am</div> 
         <div>Sat & Sun: 10am - 12am</div> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table>

我想是到地址定位到頂部，而電話號碼和小時停留在底部。我嘗試使用絕對的，但它包裹了我真的不想要的地址的文本。

我該怎麼辦？

來源

2014-10-12 game on

HTTP：/ /jsfiddle.net/fvejeLbL/2/我無法理解你的意思。看看這是你想要的 – tom10271 2014-10-12 03:52:45

除了你不應該使用內聯樣式的事實，這是你在找什麼？

<span style="font-size: 22px; font-weight: bold;position: absolute;top: 0;left: 0;right: 0;">

FIDDLE

來源

2014-10-12 03:48:36 jmore009

thx它的工作原理，它是內聯的，因爲我目前只是測試它。 – 2014-10-12 03:51:56

有疑問，只要確保在可以的情況下檢查此解決方案 – jmore009 2014-10-12 03:53:41

而是採用position:absolute女巫應該是最後一件事，任何人都應該嘗試，我用vertical-align:top 這裏是一個fiddle。而這裏是我的CSS：

.address{ 
    text-align:center; 
    font-size:22px; 
    text-align: center; 
    font-size: 22px; 
    height: 78px; 
    padding: 0; 
    vertical-align: top; 
}

來源

2014-10-12 06:48:12

回答

相關問題