如何在完整的方框下划线

时间:2018-10-07 18:57:25

标签: box underline

我有需要通过HTML电子邮件发送给用户的表单内容。

该表格上的一个字段是15行文本块,显示可变长度消息。这些消息可以少到几个字,也可以少到几段。

如果显示更多行,则它们不会显示。如果没有足够的文字填充所有行,则最后几行将显示为空行。

一种简单的方法是使用具有重复的下划线背景的div,然后匹配行高以适合。但这在电子邮件中非常棘手,而且如果人们将邮件客户端设置为不显示图片,他们将看不到下划线。

我找到了另一种方法,现在使用它有一个15行的表,在单元格上有一个底边框,但是我不得不自己为每一行拆分文本,因此,解决方法不够完美,尽管表格通常可以与电子邮件客户端配合使用。

我想最好的方法是设置一个固定的width和height div,然后使文本完全对齐并使用CSS下划线属性。我可以调整行高以在框中获得所需的行数,还可以添加一些额外的行,以确保始终至少有15行,然后使用溢出隐藏属性隐藏额外的行当它发生的时候。到目前为止,我仍然无法完成这项工作。

0 个答案:

没有答案