在html中对齐单词

概述[ HTML] 使用非等宽字体时,对齐单词的最简单的解决方案(最少量的代码)是什么？ 我需要实现这个目标： « ... Just some random text. This is just some random text. This is just some random text. This is just random. »    “is”应该与 [ HTML]
使用非等宽字体时,对齐单词的最简单的解决方案(最少量的代码)是什么？

我需要实现这个目标：

 « ... Just some random text. This       is just some random text.       This is just some random       text. This is just random. »

  

“is”应该与上面的“just”一词完全一致

到目前为止我尝试了什么：

(1)将是解决方案,但对我不起作用,似乎已被弃用：

text text text text <tab ID=t1>target text<br><tab to=t1>Should be aligned with target.

(在两行中添加“t1”的引号也不会使它工作.)

(2)第一行的负缩进：

text-indent: -3em;

这是有效的,但它不是一个确切的方法,因为我必须在视觉上调整em编号以使对齐匹配.另外：根据用户的字体和大小等,对齐不一定与用户匹配.

找不到简单问题的解决方案让我发疯:(

解决方法 你可以使用dirty :: Hacks之前做到这一点：

span.aligned {  Font-family: sans-serif;  display: block;  white-space: pre;  position: relative;  margin-left: 30px;}span.aligned::before {  content: "« ...";  position: absolute;  left: -30px;}span.aligned::after {  content: " »";}

<span >Just some random text. Thisis just some random text.This is just some randomtext. This is just random.</span>

它要求你在<之间硬编码你想要的空间. ......和内容,但除了那个小细节之外它还非常灵活.

总结

以上是内存溢出为你收集整理的在html中对齐单词全部内容，希望文章能够帮你解决在html中对齐单词所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。