时间戳

首页 > 解决方案 > 我如何在 html 和 Css 中移动 Readmore 链接在段落文本之后

html - 我如何在 html 和 Css 中移动 Readmore 链接在段落文本之后

问题描述

任何人都可以帮助我如何使用 Css 和 Html 在图片上定位 Readmore 链接

这是代码

<div class="post-content">
  <div class="inner-contne">
    <p>Proin eget tortor risus. Nulla porttitor accumsan tincidunt. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Proin eget tortor risus. Curabitur arcu erat, accumsan id imperdiet
      et, porttitor at sem.</p>
  </div>

  <a>Read MORE</a></div>

在此处输入图像描述

标签： htmlcsssass

解决方案

你可以用<span>元素来做。它就像一个<div>但是一个<div>元素是一个块元素并且<span>是一个内联元素

<div class="post-content">
  <div class="inner-contne">
    <p>Proin eget tortor risus. Nulla porttitor accumsan tincidunt. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Proin eget tortor risus. Curabitur arcu erat, accumsan id imperdiet
      et, porttitor at sem.<span><a>Read MORE</a></span></p>
  </div>
</div>

推荐阅读