Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.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_Css_Text Justify - Fatal编程技术网

Html 文本对齐需要换行符:在列表中对齐

Html 文本对齐需要换行符:在列表中对齐,html,css,text-justify,Html,Css,Text Justify,我不明白为什么这个代码: <ul id="Navigation"> <li><a href="About.html">About</a></li> <li><a href="Contact.html">Contact</a></li> <li><a href="Contact.html">Contact</a></li> <li>

我不明白为什么这个代码:

<ul id="Navigation">
<li><a href="About.html">About</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Contact.html">Contact</a></li>
<!-- ... -->
<li class="stretch"></li>
</ul>
在html中删除换行符时不起作用,如下所示:

<ul id="Navigation">
<li><a href="About.html">About</a></li><li><a href="Contact.html">Contact</a></li><li><a href="Contact.html">Contact</a></li><li><a href="Contact.html">Contact</a></li><li><a href="Contact.html">Contact</a></li><li class="stretch"></li>
</ul>
“对齐文本”则不起作用。有人知道为什么吗


谢谢,第二个示例不起作用,因为单词之间没有空格,因为内联格式上下文中的元素会导致回车和HTML空格之间的空格,因此没有空间进行对齐

在“justify”的情况下,此属性指定如果可能,通过扩展或收缩内联框的内容,使内联级别框与行框的两侧齐平,否则与初始值对齐。另请参见“字母间距”和“单词间距”


第二个示例不起作用,因为单词之间没有空格,因为内联格式上下文中的元素会导致来自回车和HTML空格的空格,因此没有空间进行对齐

在“justify”的情况下,此属性指定如果可能,通过扩展或收缩内联框的内容,使内联级别框与行框的两侧齐平,否则与初始值对齐。另请参见“字母间距”和“单词间距”


如果你在li-it作品之间留一个空格如果你在li-it作品之间留一个空格如果这可以帮助你理解,我做了一把小提琴,你可以用一个词轻松理解:如果这可以帮助你理解,我做了一把小提琴,你可以用一个词轻松理解:
<ul id="Navigation">
<li><a href="About.html">About</a></li><li><a href="Contact.html">Contact</a></li><li><a href="Contact.html">Contact</a></li><li><a href="Contact.html">Contact</a></li><li><a href="Contact.html">Contact</a></li><li class="stretch"></li>
</ul>