gpt4 book ai didi

html - 页脚中的静态社交按钮 float 在页面 CSS 的中间?

转载 作者:太空宇宙 更新时间:2023-11-04 14:09:30 24 4
gpt4 key购买 nike

我生成了社交按钮并将代码粘贴到正文中的 html 中:

<body>
<div class="shareaholic-canvas" data-app="follow_buttons" data-app-id="28043174"></div>
</body>

问题是页脚内右下角的按钮保持静止:http://builder.ferozo.com/1589630/#!/-home/

我希望它们像这个示例一样一直漂浮在右中:https://www.robertlandscapes.com/ .

我已经尝试在 CSS 中将属性 align div 垂直居中,但这是不可能的,因为当我尝试使用其他属性(如显示)时,按钮仅保留在页脚或移动到页眉中。

HTML

<div class="shareaholic-canvas"
data-app="follow_buttons"
data-app-id="28043174">
</div>

CSS

.shareaholic-canvas {

}

谢谢!

最佳答案

试试这个。

.shareaholic-canvas{
position: fixed; // this holds the position at all times
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 100;
}

关于html - 页脚中的静态社交按钮 float 在页面 CSS 的中间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54762642/

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