0

私は実際に、適切にフォーマットされたテキストファイル内に書かれたテスト/クイズを読み取り、それを紙（PDFファイルを生成することによって）とWeb（HTML + CSSを作成することによって）の両方にレンダリングできるテンプレートツールを書いています+ JS）。PDFファイルを生成するためにTCPDFを選択しましたが、実際には問題があります。このモックアップ画像にあるように、テーブルを作成し、その中にチェックボックスとテキストボックスを配置したい場合があります。

これは私の問題を表しています

HTMLでそれを行う場合は、関連するCSSプロパティを使用して、たとえば次のように記述して、いくつかのタグまたはタグを作成し、それらに境界線を適用します。

<style>
    .dashed {
        border: 2px dashed gray;
        padding-left: 1em;
        padding-right: 1em;
        font-family: monospace;
    }
    .solid {
        border: 2px solid gray;
        padding-left: .75em;
        padding-right: .75em;
        margin-left: 1em;
        margin-right: .5em;
        font-family: monospace;
    }
    .solid:first-child {
        margin-left: 0;
    }
</style>

<table border="2" cellpadding="12" cellspacing="0">
    <tr>
        <td>What does 1 + 1 ?</td>
        <td><span class="dashed">&nbsp;&nbsp;&nbsp;&nbsp;</span>
    </tr>
    <tr>
        <td>What does 2 + 2 ?</td>
        <td>
            <span class="solid">A</span>
            One
            <span class="solid">B</span>
            Two
            <span class="solid">C</span>
            Three
            <span class="solid">D</span>
            Four
        </td>
    </tr>
</table>

（私は実際に説明の目的でインラインCSSを使用していますが、通常はこの方法でCSSスタイルを適用しません）

残念ながら、私が間違っていなければ、TCPDFはCSS Bordersをサポートしていません。そのため、少し迷っています。同じ結果を達成するために私ができることについて、いくつかのヒントと意見を教えてください。

よろしくお願いします

4

1 に答える 1

0

HTMLボーダータグを使用してみましたか？例えば：border="2" bordercolor="yellow" bgcolor="red"

于 2012-07-09T12:26:42.917 に答える