最近、新しい Web サイトのデザインで忙しかったため、以前に遭遇した問題が再び発生し、その解決方法をほとんど忘れていました。最も典型的な問題は、DW にスペースを挿入する問題です。通常、DW には常にスペースが含まれています。段落の先頭に 2 つのスペースがありますが、キーボードのスペースバーをどのように押しても効果がない場合があります。では、Dreamweaver のスペースの問題をうまく解決するにはどうすればよいでしょうか。実際には多くの解決策がありますので、今日はそれらを共有します。
1. 小さな透明な絵を作ります。テキストまたは行の先頭に埋め込まれます。この方法は実装がより面倒です。
2. 全角スペースを使用します。なぜこの解決策が実現可能なのでしょうか?全角スペースは実装が比較的簡単だからです。これもスペースですが、対応する HTML コードはスペース コードではありません。これは別のコードであるため、Dreamweaver はこれをスペースではなく文字として扱います。それで私たちは平和に暮らすことができます。ただし、中国語の文字セットをサポートしていないブラウザでは、文字化けのように見えます。具体的な操作方法は、スマートABCの入力方法を選択し、全角状態にしてスペースを入力すればOKです！
3. 柔らかいスペースを使用します。つまり、スペースを挿入したい場所で Ctrl+Shift+スペースバーを押します。 もちろん、スペースを入力することもできます。すべてのブラウザはそのようなスペースを認識します。ただし、ページを編集するときに挿入されたスペースの数を確認できないのが欠点です。ブラウザでプレビューするときにのみ明確に確認できます。十分に直感的ではありません。ソフトスペースは実際にはコードを使用します。ノンストップスペースマークです。柔らかな空間を演出できます。 Ctrl+Shift+スペースを押すたびに、コードを追加します。
コードはシンプルですが、非常に効果的です。 Web ページを作成するとき、1 行または数行を空白のままにする場合は、このコードを利用します。 HTML 言語を学習した友人は、<p></p> タグが段落をマークするために使用されることを知っています。 <p></p> とだけ書いた場合、このコードは空行を生成しますか?これは無効です。 <p> タグ内に「;」コードを追加する必要があります。 <p> </p>この種のコードには空白行の影響があります。ここではマークもポジションを占める役割を果たしている。さらに、Dreamweaver を使用してテーブルを生成すると、ソース コードを見るとそれがわかります。セル <td> ラベルのページには、このマーク <td> </td> が付いています。これらのマーカーを削除すると、すべてのセルが密集していることがわかります。内容を埋めることはまったく不可能で、境界線をドラッグする必要があります。
CSS コントロールを使用すると、より美しいスタイルを簡単に実装できます。完了したら、時間を見つけて CSS の使用スキルをまとめましょう。