Html 将垂直引导按钮置于左侧边缘

Html 将垂直引导按钮置于左侧边缘,html,twitter-bootstrap,css,bootstrap-4,Html,Twitter Bootstrap,Css,Bootstrap 4,我试图在屏幕的左边缘放置一个垂直引导按钮。现在我有了这个CSS: #按钮1{ 位置:绝对!重要; z指数:10!重要; 左:0px!重要; 底部:20%!重要; 变换:旋转(90度); -ms变换:旋转(90度); -moz变换:旋转(90度); -webkit变换:旋转(90度); -o变换:旋转(90度); } 单击以切换弹出窗口您可以将按钮保持在span内,并手动设置span的宽度,将其粘贴到屏幕左侧。以下是工作代码: #按钮1{ 位置:绝对!重要; z指数:10!重要; 左:0px

我试图在屏幕的左边缘放置一个垂直引导按钮。现在我有了这个CSS:

#按钮1{
位置:绝对!重要;
z指数:10!重要;
左:0px!重要;
底部:20%!重要;
变换:旋转(90度);
-ms变换:旋转(90度);
-moz变换:旋转(90度);
-webkit变换:旋转(90度);
-o变换:旋转(90度);
}


单击以切换弹出窗口
您可以将按钮保持在
span
内,并手动设置
span
宽度,将其粘贴到屏幕左侧。以下是工作代码:

#按钮1{
位置:绝对!重要;
z指数:10!重要;
左:0px!重要;
底部:35%!重要;
变换:旋转(90度);
-ms变换:旋转(90度);
-moz变换:旋转(90度);
-webkit变换:旋转(90度);
-o变换:旋转(90度);
宽度:45px;
}

单击以切换弹出窗口

添加
变换原点:左下角到您的按钮

#按钮1{
位置:绝对!重要;
z指数:10!重要;
左:0px!重要;
底部:20%!重要;
变换:旋转(90度);
-ms变换:旋转(90度);
-moz变换:旋转(90度);
-webkit变换:旋转(90度);
-o变换:旋转(90度);
变换原点:左下角;
}


单击以切换弹出窗口
也添加html以帮助我们理解。提前感谢您的邀请help@RakibulIslam你的解决办法之一就是复制我的答案。在更新第二个解决方案之前,您没有检查吗?或者只是复制了我的答案?所以不仅仅是通过更新/应对答案来获得声誉点数。这是为了未来问题的教育目的。@vaishalikapadia抱歉,这是为了比较两种可以实现的方法而编辑的…好的,你被认可了…现在可以了吗??