HTML在同一行左右对齐文本

概述我希望找到一个更好的方法来做到这一点,但是现在,由于必要的原因,我有一个perl脚本打印出html代码.其中一个subs使用for循环遍历目录并打印出具有上次修改日期的文件名： foreach my $result (@files) { if ($result =~ /\.txt/ ) { chomp $result; my $filename = basename 我希望找到一个更好的方法来做到这一点,但是现在,由于必要的原因,我有一个perl脚本打印出HTML代码.其中一个subs使用for循环遍历目录并打印出具有上次修改日期的文件名：

foreach my $result (@files) {    if ($result =~ /\.txt/ ) {      chomp $result;      my $filename = basename($result);      my $time = (stat("$result"))->[9] or dIE "$!";      my $date = localtime $time;      my $filestat = '<div >' . "$filename" . '</div><div >' . "$date" . '</div>';      push(@final_result,$filestat);    }  }  my $final_result_stat = join('<br>',@final_result);  my $header = '<p >file name<span >Last ModifIEd Date</span></p>';  return "$header" . "$final_result_stat";}

生成的HTML输出放在标签之间并放在正文中的表中.我遇到的问题是文本输出($filename和$date)没有在同一行上对齐.它们似乎是彼此之间的一条线,但$filename左对齐,$date对齐.此外,下一个产生的输出是相当远的距离,我希望它们更加精简.

Current:filename                         Datefilename                         DateI want:filename            Datefilename            Date

此外,我知道这仍然处于粗糙的阶段,因此欢迎任何有关如何使这种更干净和更好的建议！

解决方法 你必须转换这一行：

my $filestat = '<div >' . "$filename" . '</div><div >' . "$date" . '</div>';

至：

my $filestat = '<div >' . "$filename" . '</div><div >' . "$date" . '</div>';

并添加以下CSS：

.filename {  display: inline-block;  wIDth: 30%;}.date {  display: inline-block;  wIDth: 70%;}

总结

以上是内存溢出为你收集整理的HTML在同一行左右对齐文本全部内容，希望文章能够帮你解决HTML在同一行左右对齐文本所遇到的程序开发问题。

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