用点填充空白区域-解网

问：

我试图得到与这个问题相同的结果，但无法做到。我会添加评论，但我没有足够的声誉。

这是我当前的代码。

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>

当我尝试HTML5时，它根本不起作用！<!DOCTYPE html><html>

什么代码适用于以下内容？DOCTYPE

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

css xhtml 文档类型

评论

0赞 Rob 7/12/2017

您显示的第一个文档类型是所有新网页的当前文档类型，并且是必需的。您显示的第二个仅针对 XHTML。你不应该使用第二个，因为我确信你没有提供XHTML，尽管你的标记中有XML序言。你展示的是一堆令人困惑的标记。

答：

5赞 Chris Happy 7/12/2017 #1

您需要：

用dl
添加 CSSdd { 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>

评论

0赞 Stackoverflow 7/12/2017

天啊！。。。现在，当我尝试使用DOMPDF创建页面INDEX时，这失败了：'（有什么想法吗？

0赞 Chris Happy 5/29/2020

对不起@Stackoverflow直到现在我才看到您的消息。你能解决它吗？

0赞 Stackoverflow 5/29/2020

谢谢你的有趣，那是大学的工作，我现在离开...... ：-）是否可以联系 StackOverflow.com 中的用户（电子邮件、PM）？

0赞 Chris Happy 5/30/2020

@Stackoverflow您可以创建聊天室： chat.stackoverflow.com/rooms/new

上一个：为什么 XHTML 标签在 HTML5 文档中有效，反之亦然？

下一个：XHTML5 是否需要 DOCTYPE/DTD？