Html 如何将文本定位在上一个文本块的末尾？

我们使用的CMS限制了我编辑HTML的能力。我有一段文字，后面是一个链接：

Lorem ipsum dolor sit amet，奉献精英， 这是我的临时工作

点击这里

我们的设计师希望“单击此处”链接直接出现在文本段落的末尾：

Lorem ipsum dolor sit amet，奉献精英， 这是我的临时工作。点击这里

是否可以将CSS链接定位为始终出现在上一段末尾？以下是我们的CMS生成的HTML：

<div class="item summary">
    <div class="content">
        <p>
            Lorem ipsum...
        </p>
    </div>
</div>  
<div class="item link">
    <div class="content">
        <a href="http://www.example.com">Click here</a>
    </div>
</div>

乱数假文。。。

要使其工作，基本上所有元素（div、p、a）都需要是内联或内联块元素

---

只需确保元素上没有任何默认的填充和边距。我还建议将其包装在一个带有display:block的div或article容器中

要使其工作，基本上所有元素（div、p、a）都需要是内联或内联块元素

只需确保元素上没有任何默认的填充和边距。我还建议将其包装在一个带有display:block的div或article容器中

您可以设置

float: right;

在您的项目链接中。或者使用表格布局

提示：在css类名（“itemLink”）中不要设置空格。

您可以设置

float: right;

在您的项目链接中。或者使用表格布局

---

提示：在css类名（“itemLink”）中不要设置空格。

如果可能，将div更改为span或在css中， 加

---

这将改变div元素.m的行为，这有点违反直觉。div是语义上的划分，因此，不建议将div设置为span。如果可能的话，将div更改为span或css中的div，仅作为最后手段使用， 加

---

这将改变div元素.m的行为，这有点违反直觉。div是语义上的划分，因此，不建议将div设置为span。仅作为最后手段使用它

使用jquery有一种方法可以做到这一点，我希望这对您有所帮助，因为我们无法使用css进行调整。我们可以通过jquery使用它

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".link").each(function(){
       var a=$(this).children(".content").html();
$(this).siblings(".summary").children(".content").children("p").append(a);
    });
    $(".item.link").remove();
});
</script>

$（文档）.ready（函数（）{
$（“.link”）。每个（函数（）{
var a=$（this.children（“.content”）.html（）；
$（this）.兄弟姐妹（“.summary”）.children（.content”）.children（.p”）.append（a）；
});
$（“.item.link”）.remove（）；
});

---

html内容没有变化试试这个，让我知道这个函数是否有效。有一种方法是使用jquery，我希望这能对你有所帮助，因为我们无法使用css进行调整。我们可以通过jquery使用它

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".link").each(function(){
       var a=$(this).children(".content").html();
$(this).siblings(".summary").children(".content").children("p").append(a);
    });
    $(".item.link").remove();
});
</script>

div p{
float: Right;
}

or

div p{
Display: inline;
}

$（文档）.ready（函数（）{
$（“.link”）。每个（函数（）{
var a=$（this.children（“.content”）.html（）；
$（this）.兄弟姐妹（“.summary”）.children（.content”）.children（.p”）.append（a）；
});
$（“.item.link”）.remove（）；
});

html内容没有变化，试试这个，告诉我这个函数是否有效

div p{
float: Right;
}

or

div p{
Display: inline;
}

这两个都对我有用

---

这两个都对我有用

谢谢。这是可行的，但是我们的CMS使用（和我们的顾问创建的）如此复杂的嵌套和共享类，所以我不能在不破坏其他东西的情况下让它工作。但是谢谢你的快速回复！作为最后的更新，我确实成功地完成了这项工作。我们的东西仍然很复杂，但你的解决方案奏效了。再次谢谢，谢谢。这是可行的，但是我们的CMS使用（和我们的顾问创建的）如此复杂的嵌套和共享类，所以我不能在不破坏其他东西的情况下让它工作。但是谢谢你的快速回复！作为最后的更新，我确实成功地完成了这项工作。我们的东西仍然很复杂，但你的解决方案奏效了。再次感谢。