javascript - 将箭头放在术语旁边

Question

我正在使用 PHP 代码片段将箭头放置在上一个和下一个术语旁边。因此，当用户在页面上时，他们可以单击 anchor 箭头跳转到下一部分。

代码的一般输出应该是:

(箭头)上一节下一节(箭头)

现在，我无法正确地将下一节的箭头放置在正确术语的右侧。

这是我正在努力解决的问题的代码片段:

'<div class="section-prev"><a href="#' . preg_replace('/\W+/','',strtolower(strip_tags($previous_section->name))) . '">&uparrow; ' . $previous_section->name . '</a></div>'; 

'<div class="section-next"><a href="#' . preg_replace('/\W+/','',strtolower(strip_tags($next_section->name))) . '">&downarrow; ' . $next_section->name . '</a></div>';

它们目前都设置为在单词的左侧具有箭头，但我需要“section-next”类将箭头放在右侧。

谢谢!

Answer 1

您只需将箭头移动到 anchor 文本的右侧即可。

'<div class="section-prev"><a href="#' . preg_replace('/\W+/','',strtolower(strip_tags($previous_section->name))) . '">&uparrow; ' . $previous_section->name . '</a></div>'; 

'<div class="section-next"><a href="#' . preg_replace('/\W+/','',strtolower(strip_tags($next_section->name))) . '">' . $next_section->name . ' &downarrow;</a></div>';