相关疑难解决方法(0)

想知道HTML简报中是否还有其他可用的代码.

我会使用单元格填充或边距但我不熟悉这个HTML/CSS的东西,我找不到影响主标题行和它下面的子标题的更改.作为一封电子邮件,我不愿意使用CSS来解决这个问题 - 因为我不知道哪些电子邮件客户端不喜欢CSS而不是内联标记.

对于上下文,我使用的模板是来自Mailchimp snip的Mute主题:

    <!-- language: lang-html -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="626">
    <tbody>
        <tr>
            <td valign="middle" bgcolor="#546781" height="97" background="images/header-bg.jpg" style="vertical-align: middle;">
                <table cellspacing="0" cellpadding="0" border="0" align="center" width="555" height="97">
                    <tbody>
                        <tr>
                            <td valign="middle" width="160" style="vertical-align:middle; text-align: left;">
                                <img width="70" height="70" src="http://dl.dropbox.com/…….png" style="margin:0; margin-top: 4px; display: block;" alt="" />
                            </td>
                            <td valign="middle" style="vertical-align: middle; text-align: left;">
                                <h1 class="title" style="margin:0; padding:0; font-size:30px; font-weight: normal; color: #192c45 !important;">
                                    <singleline label="Title"><span>Title of Report</span></singleline>
                                </h1>
                                <h1 class="title" style="margin:0; padding:0; font-size:15px; font-weight: normal; …

我发现React.js会在渲染时压缩JSX组件HTML标记,是否可以避免这种情况？

例如,我有一个以这种方式定义的jsx组件:

<div id="wrapper">
  <span>1</span>
  <span>2</span>
  <span>3</span>
</div>

渲染后,它以这种方式显示在浏览器中,浓缩:

<div id="wrapper"><span>1</span><span>2</span><span>3</span></div>

我知道提出这样的问题有点奇怪,但有时我只是希望按照我定义的方式呈现组件.

以及浓缩和非压缩代码之间的区别:

不凝性:

浓缩:

它们自然是相同的代码.虽然我知道非压缩代码与精简代码的行为不同,因为它包含一些制表符或空白字符,这最初是我们定义它的方式.

也许这很荒谬,做到这一点毫无意义,但我仍然感谢任何帮助,谢谢!

我有一些代码看起来像这样

<div class="topnav">\n  <div>{{getGameView.Game.gameplayers[0].player.username}}</div>\n  <p>VS</p>\n  <div v-if="getGameView.Game.gameplayers.length > 1">\n\xe3\x80\x80  {{getGameView.Game.gameplayers[1].player.username}}\n\xe3\x80\x80</div>\n  <div v-else>Waiting for opponent...</div>\n</div>\n

打印出以下内容：NameVSName\n我试图使其在 Name 和 VS 之间有一些空格，但不知道如何做到这一点。