1

img タグと href タグの間に不思議なスペースができてしまいました。Word 文書への転送のリンクの前に小さなアイコンの後にスペースがあり、実際にはそこにあるべきではありません。奇妙なことに、スペースはリンクの拡張子が .doc の場合にのみ表示されますが、.docx または .html 拡張子に変更すると消えます。

このコード...

<img  src="../images/icon/wordicon_small.gif" />
    <a href="../docs/template.doc" target="_blank">template</a></p>
<br/>
 <img  src="../images/icon/wordicon_small.gif" />
 <a href="../docs/template.docx" target="_blank">template</a>

に変換します:

http://postimg.org/image/59fam7ny1/

私は本当に混乱しています。どこから始めればよいのかもわかりません。私の CSS 仕様は問題ないようで、私の側で疑念を抱くことはありませんでした。何が問題なのか誰にも分かりますか？

4

2 に答える 2

2

最初の前にいくつかのスペースがあります<a href>

スペースを削除することで、問題は修正されるはずです。

スペースがスクリプトから html に生成される場合は、スクリプト内のいくつかのステートメント間の doc および docx リンクの処理の違いを確認する必要があります。

于 2013-06-17T20:39:12.467 に答える
2

画像とリンクの間に空白文字 (スペース、改行など) があるため、それらの間にはスペースが必要ですが、2 番目の要素セットの間と同様に、1 つのスペースのみにする必要があります。行内の複数の空白文字は、1 つのスペースにまとめられます。

最初の画像とリンクの間のスペースを再入力してみてください。私の推測では、どこかに非改行スペース (ASCII 160) があると思います。これは空白文字としてカウントされないため、スペースと改行で 1 つのスペースにまとめられません。

改行しないスペースを使用して、テキストまたは要素間に余分なスペースが生じることがあります。たとえば、次のように折りたたまれません。

Price: &nbsp; &nbsp; &nbsp; &nbsp; $0.99

次のように表示されます。

価格: $0.99

は&nbsp;非改行スペースの HTML エンティティですが、通常の文字として入力することもできます。その方法はエディターによって異なりますが、一部では ctrl+space が使用されます。

于 2013-06-17T20:39:18.377 に答える