1

androidでメールとして送信するためにhtmlから使用するすべてのタグを置き換えます。私のhtmlはここに表示されます。

<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
<style>
body {
    background: #FFFFFF;
    margin: auto;
    font-family: Helvetica;
    color: #808080;
}
a {
    color: #3A41A1;
}
#wrapper {
    width: 537px;
    margin: auto;
}
#header {
    width: 100%;
    color: #000000;
    margin-bottom: 15px;
}
#content {
    width: 100%;
    background: #DAFFF5;
    margin-top: 10px;
    border-collapse: collapse;
    font-size: 14px;
    display: table;
}
.row {
    display: table-row;
    padding: 8px;
    border: 1px solid black;
}
.cell-header {
    padding: 8px;
    display: table-cell;
}
.cell-left {
    display: table-cell;
    padding: 8px;
    border: 1px solid black;
    color: #006BF2;
    width: 90px;
}
.cell-right {
    display: table-cell;
    padding: 8px;
    border: 1px solid black;
    color: #000000;
    text-align: left;
}
</style>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            ##HEADER## &nbsp; <a href="#">##TEXT1##</a>, <a href="#">##TEXT2##</a>, <a href="#">##TEXT3##</a>
        </div>

        <div id="content">
            <div class="row">
                <div class="cell-header" style="color:#FF6A00; font-weight:bold; text-transform:capitalize; text-align: left;">##NAME##</div>
                <div class="cell-header" style="text-align: right;"><a href="#" style="color:#006BF2;">##LINK##</a></div>
            </div>
            <div class="row">
               <div class="cell-left">
                   ##TITLE##
               </div>
               <div class="cell-right">
                   ##VALUE##
               </div>
            </div>
            <div class="row">
               <div class="cell-left">
                   ##TITLE##
               </div>
               <div class="cell-right">
                   ##VALUE##
               </div>
            </div>
            <div class="row">
               <div class="cell-left">
                   ##TITLE##
               </div>
               <div class="cell-right">
                   ##VALUE##
               </div>
            </div>
        </div>
    </div></body></html>

しかし、メールでは整列されていません。

##TITLE##
##VALUE##

私は意図的にHtml.fromHtml（）を使用しています。Html.fromHtml（）はをサポートします<div>。では、何が問題なのでしょうか。どうすればこれを解決できますか？

ありがとう

4

2 に答える 2

1

このブログ投稿とそのクラスのいくつかのソース コード<style>によると、サポートされているタグではないように見えますが<html>、<head>, ,もサポートさ<body>れていないため、少し混乱します。

この StackOverflowの回答は、HTML による基本的な書式設定のみがサポートされていることを示唆しているため、より複雑な CSS ベースのレイアウトはうまく機能しない可能性があります。ただし、refhat で提案されているように、インライン CSS が機能する可能性があります。(上記のリンク先のソースを参照することもできますが、最初の簡単な検索では「スタイル」の結果が返されなかったため、インライン CSS を実行することさえできない可能性があります。)

また、これを行うために使用していると仮定するとIntent...すべての電子メール アプリケーションが HTML をサポートしているわけではないようです。プログラムを実行しているユーザーがこれをサポートする電子メール クライアントを持っていない場合、これは長期的には悪い設計上の決定になる可能性があります。 .

于 2012-09-18T12:59:31.363 に答える
0

これをテーブルレイアウトで作成し、インラインCSSを指定する必要があります

于 2012-09-18T12:33:16.097 に答える