javascript - 将文本 float 到其容器的末尾

Closed. This question is off-topic。它当前不接受答案。












                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。

                        18天前关闭。



我很难将“查看全部”锚点放到容器div的底部。
基本上，有DIV会根据javascript更改其高度。
调整高度后，“查看全部”按钮似乎挂在中间。
如何解决？
https://policies.anu.edu.au/ppl/search_results/index.htm?searchtype=QUICK&ssUserFullText=risk
请参阅“政策”和“程序”部分下的全部查看

最佳答案

有几种方法可以做到这一点，我更喜欢使用position: absolute;：

的CSS

// for demonstration
flex-box {
  display: flex;
}

.box-solid {
  // for demonstration
  height: 50vh;
  padding: 1em;
  border: 1px solid #ccc;
  margin: 1em;
  width: 20%;

  // you need this
  position: relative;
}

.view-all {
  // you need this
  position: absolute;
  bottom: 1em;
  right: 1em;
}

稍微修改您的HTML ...

<flex-box> // this element is for demonstration
  <div class="box-solid">
    Some text
    <a href="" class="view-all">view all</a>
  </div>
  <div class="box-solid">
    Some text
    <a href="" class="view-all">view all</a>
  </div>
</flex-box>

我从<p>周围删除了<a>并添加了一个类（“全部查看”）。

关于javascript - 将文本 float 到其容器的末尾，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59187863/

上一篇：html - 是否有任何仅适用于 1366*768 横向设备的桌面媒体查询

下一篇：javascript - 是否可以扭曲进度条的开头？

相关文章：

javascript - 将收藏夹按钮添加到 html 表格

javascript - 仅在特定页面上执行 js 的最佳方式

javascript - 在不使用 html 的情况下为文本着色

javascript - 将两个数组与具有无序键的对象进行比较

javascript - HTML 函数？

html - 将 SVG 元素并排放置

html - Visual Studio 评论中的链接？

javascript - 如何在 OSX Mavericks 上测试对 requestAnimationFrame shim 的更改？

css - SVG 将相同的变换原点应用于组/符号的所有子项

javascript - 使用 CSS 或 Javascript 有条件隐藏按钮