如何为每行文本加下划线，到块的末尾
所以，这是我的问题，我正在为客户做一份新闻通讯，看起来像一张明信片。
我希望我的布局看起来像在线上书写
任何人都可以帮助我实现我想要做的事情吗？
将我的文本放在TD标签中不起作用，因为我不知道每个句子的长度。
如果您需要更多信息，请告诉我们！
谢谢 ：）
没有找到相关结果
已邀请:
7 个回复
惭法搽
雇砰
<p id = "p"> <span id = "span1"> <span id = "span2"> sadfa sdfhkas dfjkahsd fhjklasdg f askjldfh jklas djklfh aljks hfjkl hasjdklfg hjlashdjlfgh jlkashdjkl gfhloashdfgh jkladshjkgl haskl dhfiu hajkl fghuasbhfljbahuk bfkljabwehrf bajkls bflaskdjf ljakdfk </span> </span> </p>#p { border-bottom: 1px solid black; text-align: justify; } #span1 { display: block; margin-bottom: -1px; } #span2 { border-bottom: 1px solid black; }有一个底部边框，以创建大量的衬纸外观。但是，如果我们停在这里，我们就会遇到一个问题：如前所述，线条并没有一直延伸到右边距。我们马上就会遇到这个问题。 包装＃span2的是这个太短线问题解决方案的50％。我已经给它一个块的显示属性，这将允许我应用-1px底部边距，有效地“覆盖”span2ѭ的最后悬垂线与＃span1的下边缘。在我们到达之前，这种效果并不值得...这里我们应用于＃span1的风格得到了回报。首先，我们有来处理大部分到达右边缘的底边线，当然除了最后一行，现在看起来真的不合适。为了解决这个问题，我们将应用于，因为我们的块状的底部边距为-1px，重叠最后的短底边框并完成幻觉。 是的，它有点像kludgy，但当它归结为电线并且客户的需求无法调整时，有时候你需要的是一个kludge。 （注意：我不希望这对于电子邮件格式化有用...就像我之前说的那样，这是我在印刷页面上模仿这种带衬纸外观所需要的东西。）痴浪墨
#postcard .line { width: 100%; border-bottom: 1px solid #000; }<div id="postcard"> <div class="line">Line 1</div> <div class="line">Line 2</div> <div class="line">Line 3</div> </div>盛梯獭八搽
习让休堂溯
div{text-decoration:underline}臀夯脖锑
畦桨存灯
标签，该标签填充到行尾;问题是下划线将从元素的开头而不是文本开始。 问题： 解：menu .heading a { color: #414142 ; } .menu .heading a:after { /* to get a nice underline that starts at padding-left offset */ border-bottom: 2px solid #414142; content: ''; display: block; position: relative; bottom: -0.5em; }