0

嗨，伙计们，在我的 Html 页面中...我在单词之间使用空格...并且它在浏览器中无法正确显示...它的完全包裹和单个空格留在单词之间...解决这个问题的解决方案...

这是我的代码

<html>
   <head>
      <style type="text/css">
          th {word-wrap: break-word}
      </style>
   </head>
   <body>
     <h1>Sample</h1>
        <p>A paragraph.<th>Aravinth               Bike</th></p>
   </body>
</html>

输出是

A heading
A paragraph.Aravinth Bike
4

3 回答 3

3

使用样式：

th { white-space: pre; }

或将每个空格替换为&nbsp;.

请注意，您的<th>标签可能会被浏览器忽略。<th>必须在里面<tr>，必须在里面<table>。

于 2013-07-04T05:52:12.893 回答
1

这是设计使然。浏览器会忽略空格。您最好使用 css 设置填充或边距

您还可以使用保留空白格式的 pre 标记。

于 2013-07-04T05:51:44.357 回答
0

要显式添加空格，您可以使用&nbsp;[表示 1 个空格]。

A款.Aravinth Bike

在这里，我添加了一些&nbsp;'s 以获得空间。

于 2013-07-04T05:58:45.603 回答