圖像對齊左下600像素

此問題已被標記爲dublicate。另一個問題沒有解決我的問題。圖像對齊左下600像素

本頁頂部的徽標圖像：My Site Example左對齊，當我去600px;。我正在編寫電子郵件新聞稿，因此我正在使用CSS和表格的基礎框架。

我不能自定義的CSS了很多，因爲電子郵件客戶端有問題，渲染一些自定義代碼。我在之前發現了Stackoverflow上的用戶提出了一個想法。我注意到，當我刪除css @media中的第二行時，徽標幾乎居中，但沒有響應。

的foundation framework明顯左對齊的一切，當屏幕尺寸爲600像素下。但是我找不到有關如何推翻這一點的文檔。

沒有任何人有一個創造性的想法，這不需要大量的自定義代碼，所以我不要弄亂了基礎框架？

CSS

@media only screen and (max-width: 600px) { 

    table[class="body"] img { 
    width: auto !important; 
    height: auto !important; 
    } 
    <!-- Second Line --> 
    table[class="body"] center { 
    min-width: 0 !important; 
    }

HTML（相關代碼）

<!-- Logo --> 
      <table class="row background-color__white" id="component-center"> 
      <tr> 
       <td class="center" align="center"> 
       <center> 
        <table align="center" class="container"> 
        <tbody> 
         <tr> 
         <td> 
          <table class="row"> 
          <tbody> 
           <tr> 
           <th class="small-12 large-12 columns first last"> 
            <table> 
            <tr> 
             <th> 
             <center data-parsed=""> 
              <img src="http://placehold.it/200?text=center" alt="image of clever meme that made me chuckle" align="center" class="float-center"> 
             </center> 
             </th> 
             <th class="expander"></th> 
            </tr> 
            </table> 
           </th> 
           </tr> 
          </tbody> 
          </table> 
         </td> 
         </tr> 
        </tbody> 
        </table> 
       </center> 
       </td> 
      </tr> 
      </table>

來源

2017-01-31 McDuck4

的可能的複製（http://stackoverflow.com/questions/41964378/left-align-under-600-px） –

你好[左側下600像素對齊。這個問題是我認爲解決問題的那個問題是正確的。我在這裏提到我的新問題中的這個問題。 – McDuck4

您接受了關於該問題的答案，使我們可以將其標記爲重複。如果您的問題尚未解決，請參閱原始帖子。或者，如果您有新問題，請離開！ –

我的答案是完全一樣的答案，因爲最後一次。除了現在你的問題的答案已經轉移到public.html：837。父元素可以影響它下面的元素。

在這種情況下，你有一個href環繞圖像。如果你看一下你的CSS代碼上線837，你會看到這一點，相比下來到的text-align：

body, table.body, h1, h2, h3, h4, h5, h6, p, td, th, a { text-align: left; }

以上的href是一個日。它也是text-align: left;如果您在每行上指定此樣式：style="text-align: center !important;"，它將覆蓋文本對齊：左側。

我的電子郵件開發人員，我每天都這樣跟Zurb基金會的電子郵件。我理解這個問題並不斷面對，只是我試圖把事情推向正確。請嘗試一下。

來源

2017-02-01 00:37:43 gwally

圖像對齊左下600像素

回答

相關問題