試圖在HTML/CSS中格式化此表格列表

我試圖格式化可能實際上是一個非常簡單的列表，但我努力讓單元格邏輯正確，因爲我需要一個連續的行從項目名稱的結尾到價格。試圖在HTML/CSS中格式化此表格列表

THIS

是它應該是什麼樣子。感謝任何幫助！

  <div class="text-list"> 
       <table> 
        <tr> 
         <td class="left">1.</td> 
         <td class="center">First Item</td> 
         <td class="right">€10,00</td> 
        </tr> 
        <tr> 
         <td class="left"></td> 
         <td class="center">Lorem ipsum dolor sit amet, consectetur adipiscing eiusmod tempor incididunt ut labore.</td> 
        </tr> 
       </table> 
      </div> 


      table { 
       width: 100% 
      } 

      td { 
       font-size: 16px; 
       line-height: 17px; 
      }  

       .left { 
        width: 10%; 
        text-align: left; 
       } 

       .center { 
        width: 80%; 
        text-align: left; 
       } 

       .right { 
        width: 10%; 
        margin-right: 1px; 
        text-align: right; 
       }

來源

2017-03-12 Warul Kawa

隨着那將是相當困難的表，但如果你可以改變HTML結構，你可以做到這一點，因爲我在這裏desribed：https://stackoverflow.com/a/41905228/5641669

來源

2017-03-12 14:00:43 Johannes

這就是偉大的！最後一個問題;如果我不希望文本在縮放div時出現在新行上，而是希望整個內容調整大小？ –

我不確定你的意思。哪些文字被刪除？ – Johannes

試圖在HTML/CSS中格式化此表格列表

回答

相關問題