我不确定如何结合使用 HTML 和 CSS 来获得以下行为:
foo = this
foobar = bit
goso = needs
etcetc = aligning
现在我可以在需要的地方插入空格(就像我上面做的那样),但我很确定一定有一种方法可以“自动”执行此操作。
我知道我可以使用表格来执行此操作,但我不想这样做。还有其他方法可以执行此操作吗?
我的问题归结为:如何使用 HTML/CSS 以与办公套件中的选项卡类似的方式自动垂直对齐文本。
这是一个上下文示例:
<p><span class="a">foo</span> <span class="b">=</span> <span class="c">"abcDeveloper"</span></p>
<p><span class="a">bar</span> <span class="b">=</span> <span class="c">"123"</span></p>
<p><span class="a">foobar</span> <span class="b">=</span> <span class="c">"dfg"</span></p>
<p><span class="a">foobarstar</span> <span class="b">=</span> <span class="c">"456"</span></p>
在这个例子中,我希望 b 类中的文本垂直对齐。
提前致谢!
最佳答案
一种方法是将 display: inline-block;
应用于您的 span.a
,然后给它们设置宽度:http://jsfiddle.net/nzrHn/1/
.a { display: inline-block; width: 100px; }
关于html - 插入制表符空格以在 HTML/CSS 中垂直对齐文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20037279/