1

我使用我的html 替换了所有标签,以便在 android 中作为电子邮件发送。我的 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 回答