如何樣式表內容全部爲相同大小

我有PHP腳本，它具有嵌套循環。第一個循環獲取數據，第二個循環檢查數據以及數量是否大於1;它循環並分別顯示每個訂單。一切正常。如何樣式表內容全部爲相同大小

我有一些樣式問題。我的一個是內循環。

for($i=0; $i < $row['numberassigned_vnr']; $i++){ 
     ?> 

<table class="table table-bordered"> 
    <thead> 
    <tbody> 
     <tr> 
     <?php 
     for($x=0; $x < $row['noof10s_vnr']; $x++){ 
      ?> 

      <td><img alt="" class="yellow-process center-block " id ="cut-full-roll-<?php echo $row['id_vnr']; ?>" name="<?php echo $row['id_vnr']; ?>" src="../../css/icons/vinyl-rolls/cut.png"></td> 
     <?php 
     } 
     ?> 

     </tr> 
    </tbody> 
    </table>

我的第二數量可以是任何從1至6而「剪切」畫面將根據數量的數量被顯示。如果數量，3張圖片將連續顯示。

我的問題是我如何保持圖像大小相同。目前，更多qunatity循環有更小的圖像成爲。我想保留所有圖像相同。

我該如何做到這一點。謝謝。

來源

2017-07-03 Muhammad Ikram

請記住選擇一個答案作爲選擇，如果其中一個解決了您的問題 – FKEinternet

將<img>的高度和寬度設置爲固定值。

來源

2017-07-03 15:38:01 FKEinternet

我將高度和寬度應用於。它使的尺寸相同，但內的實際圖像仍不相同，尺寸取決於該行中圖片的數量。 –

不，您希望將''的高度和寬度設置爲恆定，如果您希望它們的大小相同。 ''將連續增長，所以如果您將圖像尺寸設置爲與「」相同，那麼當連續的單元格數量減少時，它將會增長。 – FKEinternet

我已經試過。我給了這個圖像一個類，併爲這個類設置了一個寬度。但他們仍然顯示不同的大小。 –

確保你沒有給類表或表鑲上

然後指定花式任何特定的寬度或高度或類似的東西到TD如。

td { 
    min-width :256px; 1/6th of Screen size 
    ...... 
}

希望它可以幫助

讓我知道如果您需要任何進一步的幫助

來源

2017-07-03 15:38:16

這沒有奏效。高度和寬度適用於表td列，但圖片仍然是不同的大小。第一行有6張照片，因此它們較小，因爲它們包含4張照片。我希望圖像大小相同，不要緊，該行包含1或2或3或4或6圖像。 6將是圖像的最大數量。 –

你有沒有使用任何包括寬度或高度或相關的任何樣式 –

我給圖像類和樣式寬度爲35％。除此之外;我沒有使用任何樣式到表或行。 –

您可以通過使用CSS實現這一目標。

td { 
    width: *px*|*%*; 
    height: *px*|*%*; 
}

或者與圖像相同。

img { 
    width: *px*|*%*; 
    height: *px*|*%*; 
}

如果你真的希望所有的圖像具有相同的大小，不論其數量的行中，然後給定大小，以您的圖片，我建議在第二個選項以上。

不要使用％作爲高度和寬度，而要使用px，因爲需要固定大小而不考慮行寬。

來源

2017-07-03 15:53:44

刪除該寬度我曾嘗試過，但它沒有奏效。 –

您是否嘗試使用px代替％？ –

如何樣式表​​內容全部爲相同大小

回答

相關問題

如何樣式表內容全部爲相同大小