Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.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
Javascript HTML中文本的对齐_Javascript_Html_Css - Fatal编程技术网

Javascript HTML中文本的对齐

Javascript HTML中文本的对齐,javascript,html,css,Javascript,Html,Css,有没有办法强制使用CSS将文本对齐到一行?例如: I want to justify this text like this ButIdon'tmindifitsquashesit 我不需要别人告诉我,在网页中对文本进行对齐是个坏主意(我有一个手动的行距和连字号算法来辅助),但我只是想知道是否有一个解决方案,CSS或JavaScript来处理这个问题 对不起,我的问题不太清楚:每一行都在一个单独的div元素中,例如: <div>I want t

有没有办法强制使用CSS将文本对齐到一行?例如:

I want to justify this text
like                   this
ButIdon'tmindifitsquashesit
我不需要别人告诉我,在网页中对文本进行对齐是个坏主意(我有一个手动的行距和连字号算法来辅助),但我只是想知道是否有一个解决方案,CSS或JavaScript来处理这个问题


对不起,我的问题不太清楚:每一行都在一个单独的
div
元素中,例如:

<div>I want to justify this text</div>
<div>like this</div>
<div>But I don't mind if it squashes it</div>
我想证明这篇文章的合理性
这样地
但我不介意它是否会压扁它
我知道
text align:justify
,但这并不能解决我的问题-它根据浏览器想要的方式进行调整,而不是根据我的每一行。这可能会导致不适当的断线或短于右边缘。

您可以尝试

text-align: justify;

在CSS:-)

中,您不能对单个文本行进行对齐

然而,你可以拼凑一些对你有用的东西

div{width:300px; 
    border:1px solid red;
    text-align:justify; text-justify: newspaper;
}

div:after{
    content: " &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
    line-height: 0;
    visibility: hidden;
}

只有在内容下方有一个额外的空行,这才有效

边框,例如查看间距等


H/T to的意思是:

你的意思是文本对齐:对齐;或者?对不起,我没有很好地解释我的问题。你用什么来帮助你使对齐的文本看起来正常?@dylanfm:我自己实现的Knuth-Plass换行。@rfw这些DIV元素有固定的宽度吗?如果你能够为所有DIV定义一个公共宽度,如果你已经处理了内容,那么你应该这样做,您仍然可以使用文本对齐,只是对于每个单独的div.com不起作用——我有
text-align:justify;宽度:1000px并且它仍然是左对齐的。