空白をドットで埋めてください

-1

私はthis questionと同じ結果を得ようとしていますが、できません。私はコメントを追加するが、私は十分な評判を持っていない。空白をドットで埋めてください

ここに私の現在のコードがあります。私はHTML5、<!DOCTYPE html><html>をしようとすると、それがすべてでは動作しません

dl { 
 
    width: 400px 
 
} 
 

 
dt { 
 
    float: left; 
 
    width: 300px; 
 
    overflow: hidden; 
 
    white-space: nowrap 
 
} 
 

 
dd { 
 
    float: left; 
 
    width: 100px; 
 
    overflow: hidden 
 
} 
 

 
dt:after { 
 
    content: " .................................................................................." 
 
}

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"> 
 

 
<dl> 
 

 
    <dt>Drug 1</dt> 
 
    <dd>10ml</dd> 
 

 
    <dt>Another drug</dt> 
 
    <dd>50ml</dd> 
 

 
    <dt>Third</dt> 
 
    <dd>100ml</dd> 
 
    
 
</dl> 
 

 
</html>

！

次のコードではどのようなコードが使用できますか？DOCTYPE？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

出典

2017-07-12 Stackoverflow

最初に表示するdoctypeは、新しいWebページの最新のものであり、必須です。もう1つはXHTMLのみです。マークアップのXMLプロローグにもかかわらず、XHTMLを提供していないと確信しているので、2番目のタグを使用しないでください。あなたが見せているのは混乱しているマークアップのミッシュマッシュです。 – Rob

以下を行う必要があります。dl

と

ラップそれらの各セクションをCSSを追加dd { margin: 0 }

dd { margin: 0 } 
 

 
dl { 
 
    width: 400px 
 
} 
 

 
dt { 
 
    float: left; 
 
    width: 300px; 
 
    overflow: hidden; 
 
    white-space: nowrap 
 
} 
 

 
dd { 
 
    float: left; 
 
    width: 100px; 
 
    overflow: hidden 
 
} 
 

 
dt:after { 
 
    content: " .................................................................................." 
 
}

<dl> 
 
    <dt>Drug 1</dt> 
 
    <dd>10ml</dd> 
 
</dl> 
 

 
<dl> 
 
    <dt>Another drug</dt> 
 
    <dd>50ml</dd> 
 
</dl> 
 

 
<dl> 
 
    <dt>Third</dt> 
 
    <dd>100ml</dd> 
 
</dl>

出典

2017-07-12 02:16:22

100％efective、ありがとう！ :) – Stackoverflow

あなたの歓迎！私のソリューションがあなたの質問に答えたなら、[accepting]（https://meta.stackexchange.com/questions/5234#answer-5235）を検討してください。また、それが "良い"答えだと思うなら、upvotingを検討してください！ –

Oh god！... DOMPDFを使用してページINDEXを作成しようとすると、これが失敗します： '（何かお考えですか？ – Stackoverflow

空白をドットで埋めてください

答えて

関連する問題