时间戳

首页 > 解决方案 > 如何设置一些文本合并然后可点击？

javascript - 如何设置一些文本合并然后可点击？

问题描述

我尝试将左侧和右侧的两个文本合并到左侧并创建一个可点击的链接。

                    <div class="mb-50">
                        <h2 class="section-title pr-0">Latest Topics on<span class="bold"> Blog</span><a
                                href="blog-right-sidebar.html" class="section-more right">OUR BLOG</a>
                        </h2>
                    </div>

我得到这个输出：

在此处输入图像描述

如何将左侧和右侧的文本合并到一个超链接的左侧？

更新：

这是我最后一次尝试和错误：

在此处输入图像描述

<div class="mb-50">
                        <h2 class="section-title pr-0"><<a
                                href="blog-right-sidebar.html" class="section-more left">Latest Topics on </a> <span class="bold"> Blog</span>
                        </h2>
                    </div>

更新 2：

这不是预期的输出，因为文本放在底部！ 在此处输入图像描述

标签： javascripthtml

解决方案

确保 href 标记封装了您希望它链接的所有文本。例如，我这样做了，当单击任何文本时，它会链接到该站点。

<div class="mb-50"> <h2 class="section-title pr-0"> <a href="blog-right-sidebar.html" class="section-more left">Latest Topics on <span class="bold"> Blog</span> </a> </h2> </div>

在您的第二次尝试中，您在“最新主题”末尾关闭了 href，因此它仅在单击“最新主题”时重定向到链接，切断“博客”。

希望有帮助！

推荐阅读