किंडल (केएफ 8)

के लिए तालिका डेटा को संरेखित कैसे करें मैं किंडल प्रारूप केएफ 8 के साथ अपना पहला कदम कर रहा हूं। Publishing Guidelines राज्य उस प्रारूप CSS3 का समर्थन करता है:किंडल (केएफ 8)

व्यापक स्टाइल शीट (सीएसएस) के लिए बहुत ही बुनियादी समर्थन की पेशकश की पहले Kindle मंच। यह महत्वपूर्ण सीएसएस 2 के लिए समर्थन/सीएसएस 3.

अब इस "बहुत ही बुनियादी" यहाँ हो रहा है साथ KF8 में बढ़ाया गया है: मैं एक तालिका सेल में पाठ संरेखित करना चाहते हैं। क्रोम बनाम Kindlegen 2.9/किंडल पूर्वावलोकनकर्ता 2.94 के आउटपुट की तुलना करें। किंडल पूर्वावलोकन संरेखण पूरी तरह से अनदेखा करता है।

मैं क्या गलत कर रहा हूं?

<!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>

स्रोत

2015-12-13 ratlan

आप स्टाइल के नाम पर इस तरह के समाधान करना है जब यह निराशा होती है, लेकिन मैं td, उदा के भीतर एक युक्त तत्व को पाठ संरेखण लागू करने की सलाह देंगे

स्टाइल शीट स्निपेट:

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

HTML स्निपेट:

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

उम्मीद है कि इस अमेज़न जब तक अपनी आवश्यकताओं इस सुथरा सूट करेगा।

स्रोत

2015-12-15 11:35:58 Moby

धन्यवाद, यह काम करता है। सेल में सुपरस्क्रिप्ट की तरह कुछ ऐसा नहीं होता है, लेकिन मुझे यहां कम से कम एक प्राथमिक लेआउट विकल्प होने में खुशी है। यहां सीएसएस के लिए समर्थन का दावा करना एक मजाक है, अकेले CSS3 दें। – ratlan

किंडल (केएफ 8)

उत्तर

संबंधित मुद्दे