文章/答案/技术大牛

发布

社区首页 >问答首页 >如何对齐Kindle的表数据(KF8)

问如何对齐Kindle的表数据(KF8)
EN

Stack Overflow用户

提问于 2015-12-13 11:01:19

回答 1查看 530关注 0票数 5

我正在用kindle格式的KF8做我的第一步。格式支持CSS3的出版指南状态：

早期的Kindle平台为级联样式表(CSS)提供了非常基本的支持。随着对CSS 2/CSS 3的支持，这一点在KF8中得到了显著的增强。

在这里，这似乎是“非常基本的”：我想在表格单元格中正确地对齐文本。比较Chrome与kindlegen 2.9 / Kindle预览器2.94的输出。Kindle预览完全忽略了对齐。

我做错了什么？

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

amazon

kindle

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-12-15 11:35:58

当你必须以样式的名义做这样的变通时，这是令人沮丧的，但我建议将文本对齐应用于td中的包含元素。

样式表片段：

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

Html片段：

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

希望这将适合您的需要，直到亚马逊整理好这一点。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34250358

复制

相似问题

问如何对齐Kindle的表数据(KF8)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何对齐Kindle的表数据(KF8)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何对齐Kindle的表数据(KF8)
EN