Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html断行一次或多次_Html_Layout - Fatal编程技术网

html断行一次或多次

html断行一次或多次,html,layout,Html,Layout,我有一张桌子。一列包含日期对,例如 2014/01/01 - 2014/01/02 <table> <tr> <td>2014/01/01 - <br />2014/01/02</td> </tr> </table> 我不想要这个,因为列太宽了: 2014/01/01 - 2014/01/02 我不能这样做: html 2014/01/01 - <

我有一张桌子。一列包含日期对,例如

2014/01/01 -
2014/01/02
<table>
    <tr>
        <td>2014/01/01 -
            <br />2014/01/02</td>
    </tr>
</table>
我不想要这个,因为列太宽了:

2014/01/01 - 2014/01/02
我不能这样做:

html
2014/01/01 - <br /> 2014/01/02
因此,这条线需要准确地断开一次。有什么想法吗?

这就是不间断空间的用武之地。试试这个:

2014/01/01&nbsp;-<br>2014/01/02
2014/01/01-
2014/01/02
在这种情况下,破折号
-
永远不会出现在下一行

在这个

中比较空间不足时的行为,这就是不中断空间的方便之处。试试这个:

2014/01/01&nbsp;-<br>2014/01/02
2014/01/01-
2014/01/02
在这种情况下,破折号
-
永远不会出现在下一行

比较此

2014/01/01-2014/01/02中空间不足时的行为

或者您可以试试较旧的
2014/01/01-2014/01/02

2014/01/01-2014/01/02

或者您可以尝试较旧的
2014/01/01-2014/01/02

您可以使用该元素精确地控制格式设置(如中所示,包括换行符在内的空白将完全按照HTML源代码中打开和关闭标记之间的格式呈现)。这是一种黑客行为,但应该适用于此

<pre>2014/01/01 -
2014/01/02</pre>
2014/01/01-
2014/01/02
您可以使用元素精确地控制格式(如中所示,包含换行符的空白将完全按照HTML源代码中打开和关闭标记之间的格式呈现)。这是一种黑客行为,但应该适用于此

<pre>2014/01/01 -
2014/01/02</pre>
2014/01/01-
2014/01/02

使用此选项时,我无法再现此错误:

td {
    white-space: nowrap;
}
但是您可以在CSS中使用
空白:nowrap


当我使用以下命令时,我无法重现此错误:

td {
    white-space: nowrap;
}
但是您可以在CSS中使用
空白:nowrap


这不应该导致输出,你能提供一把小提琴吗?你的最后一个例子使它看起来像你可以通过简单地增加一个非常小的宽度来解决问题。显然,
-
不适合第一行。因此,无论你用什么方法来打断这些线,除非你给第一行足够的空间,否则都不会得到你想要的结果。但是正如@Pyro所说,看到代码会有很大帮助。这不应该导致输出,你能提供一把小提琴吗?你的最后一个例子让人觉得你可以通过简单地增加一个非常小的宽度来解决这个问题。显然,
-
不适合第一行。因此,无论你用什么方法来打断这些线,除非你给第一行足够的空间,否则都不会得到你想要的结果。但正如@Pyro所说,看到代码会有很大帮助。