Kindle (KF8)

için tablo verileri nasıl düzenlenir KF8 kindle formatıyla ilk adımları yapıyorum. biçim CSS3 desteklediğini Publishing Guidelines durumu:Kindle (KF8)

Stil Sayfaları (CSS) Basamaklı için çok temel destek verileceğini önceki Kindle platformu. Bu anlamlı CSS 2 için destek/3.

Şimdi bu burada "çok temel" gibi görünüyor CSS ile KF8 içinde geliştirilmiştir: Birazdan bir tablo hücresinde metni hizalama istiyorum. Chrome vs kindlegen 2.9/Kindle Previewer 2.94'ün çıktılarını karşılaştırın. Kindle Preview hizalamayı tamamen yok sayar.

Neyi yanlış yapıyorum?

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>Table sample</title> 
     <meta charset="utf-8" /> 
     <style> 
td.right { 
    padding: 2px 4px; 
    text-align : right; 
} 

td.left { 
    padding: 2px 4px; 
    text-align : left; 
} 

td.center { 
    padding: 2px 4px; 
    text-align : center; 
} 

h2 { color: green; } 

</style> 
    </head> 
    <body> 
     <a name="part2_chap1"/> 
     <article role="main"> 
      <header class="chapter"> 
       <hgroup> 
        <h2>ALIGNMENT</h2> 
       </hgroup> 
      </header> 
      <div class="epigraph"> 
       <p class="noind">How to right align table data</p> 
      </div> 
      <section class="table" id="table01"> 
       <table> 
        <tr> 
         <th> 
          <i>---center---</i> 
         </th> 
         <th> 
          <i>---right---</i> 
         </th> 
         <th> 
          <i>---right---</i> 
         </th> 
         <th> 
          <i>---left---</i> 
         </th> 
        </tr> 
        <tr> 
         <td class="center">---centered---</td> 
         <td class="right">right&gt;</td> 
         <td class="right">right&gt;</td> 
         <td class="left">&lt;left</td> 
        </tr> 
        <tr> 
         <td class="center">centered</td> 
         <td class="right">right&gt;</td> 
         <td class="right">right&gt;</td> 
         <td class="left">&lt;left</td> 
        </tr> 
       </table> 
      </section> 
     </article> 

    </body> 
</html>

kaynak

2015-12-13 ratlan

Eğer stil adına böyle geçici çözümler yapmak zorunda zaman korkuyorum, ama ben td, örneğin içinde bir içeren elemana metin hizalama uygulayarak tavsiye ediyorum

Stil pasajı:

td.right div {   
    width: 100%; 
    text-align: right; 
}

Html pasajı:

<tr> 
    <td class="right"><div>right&gt;</div></td> 
</tr>

Umarım bu kadar bu düzenli Amazon kadar ihtiyaçlarınızı uygun olacaktır.

kaynak

2015-12-15 11:35:58 Moby

Teşekkürler, bu işe yarıyor. Hücrede bir üst simge gibi bir şey olduğu anda işe yaramıyor, ama en azından burada temel bir düzen seçeneğine sahip olmaktan mutluluk duyuyorum. CSS için destek talep etmek, CSS3'ü bir yana bırakacak bir şakadır. – ratlan

cevap

İlgili konular