[解決済み] 半角スペース、全角スペース、半角スペース、半角スペース、全角スペース、半角スペースを表す のような他のホワイトスペースはHTMLで有用ですか?
2022-04-14 09:48:15
質問
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; color: #192c45 !important;">
<singleline label="Title"><span>Small Subhead</span></singleline>
</h1>
</td>
<td width="55" valign="middle" style="vertical-align:middle; text-align: center;">
<h2 class="date" style="margin:0; padding:0; font-size:13px; font-weight: normal; color: #192c45 !important; text-transform: uppercase; font-weight: bold; line-height:1;">
<currentmonthname />December
</h2>
<h2 class="date" style="margin:0; padding:0; font-size:23px; font-weight: normal; color: #192c45 !important; font-weight: bold;">
<currentyear />2011
</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
メール全体をウェブページとして見ることができます。 こちら
解決方法は?
はい。 たくさん .
含むが、これに限定されない。
-
[ ]ヘアースペース :
 
または 
-
[ ] 6パーエムのスペース.
 
<サブ (文字参照不可) -
[ ]狭くて切れ目のないスペース.
 
<サブ (文字参照不可) -
[ ] 細いスペース :
 
または 
-
[ ] 4パーエムのスペース :
 
または 
-
[非破壊空間.
 
または
-
[句読点スペース :
 
または 
-
[ ] 3パーエムのスペース :
 
または 
-
[ ] en space :
 
または 
-
[ ] 図形スペース :
 
または 
-
[ ] em space :
 
または 
span{background-color: red;}
<table>
<tr><td>non breaking space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>narrow no-break space:</td><td> <span> </span></td></tr>
<tr><td>en space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>em space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>3-per-em space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>4-per-em space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>6-per-em space:</td><td> <span> </span></td></tr>
<tr><td>figure space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>punctuation space:</td><td> <span> </span> or <span> </td></tr>
<tr><td>thin space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>hair space:</td><td> <span> </span> or <span> </span></td></tr>
</table>
関連
-
[解決済み] HTMLにおける'"'エンティティの使用法
-
[解決済み] slackのチームIDやチャンネルIDを調べる最も簡単な方法は何ですか?
-
[解決済み] HTML IFステートメント
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] CSSコンテンツによるHTMLエンティティの追加
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] Webサイトのブラウザタブアイコン(ファビコン)を追加する方法を教えてください。
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] bootstrapでボタンにリンクを貼るには?
-
[解決済み] HTML IFステートメント
-
[解決済み] CSSでテキストを垂直方向にセンタリングするには?[重複しています]
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] JSXで空白を追加する際のベストプラクティス