gpt4 book ai didi

html - 是否可以相对于段落的最后一行定位?

转载 作者:可可西里 更新时间:2023-11-01 13:33:55 26 4
gpt4 key购买 nike

虽然段落对齐 text-align:justify 然后最后一行可以有不同的长度,这取决于内容。

我可以相对于这个位置定位一些东西吗?

enter image description here

最佳答案

编辑:正如 Jukka 指出的那样,第一次尝试在 Firefox 中没有成功,所以这里有一个经过编辑的示例似乎效果更好:http://codepen.io/pageaffairs/pen/Glkng

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>

p {width: 50%; padding-bottom: 2em; line-height: 1.3em;}
i {position: relative;}
b {position: absolute; right: 0; bottom: -1.4em; white-space: nowrap;}

</style>
</head>
<body>

<p><span>Vegetation is the basic instrument the creator uses to set all of nature in motion.<i><b>Antoine Lavoisier</b></i></span></p>

</body>
</html>

第一次尝试(如 Jukka 指出的那样,在 Firefox 中有错误):

也许是这样的? http://codepen.io/pageaffairs/pen/qKfsD

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>

p {width: 340px; padding-bottom: 2em; line-height: 1.3em;}
span {position: relative;}
b {position: absolute; bottom: -1.4em; right: 0; display: inline-block; white-space: nowrap;}

</style>
</head>
<body>

<p><span>Vegetation is the basic instrument the creator uses to set all of nature in motion. <b>Antoine Lavoisier</b></span></p>

</body>
</html>

关于html - 是否可以相对于段落的最后一行定位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22080277/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com