- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont?
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
我正在尝试在我的站点中设置一个 Pane ,该 Pane 将从中心打开并在加载后逐渐打开。我已将其设置为执行此操作,但它从标签开始的左侧开始,而不是从我希望它开始的中心开始。如何从中心开始?
我已经尝试将它对齐到中心并从那里进行调整,但它似乎对我的定位来说效果不够好。
#cBox{
position: absolute;
margin-left: 10%;
margin-top: -.5%;
margin-bottom: -1%;
height: 100%;
width: 80%;
border-right: 3px ridge;
border-left: 3px ridge;
border-color: #A17500;
background-image: linear-gradient(to bottom, transparent, black);
overflow-y: scroll;
animation: open 1s;
}
@keyframes open {
0% {width: 0%}
100% {width: 80%;}
}
<div id="cBox">
</div>
最佳答案
您可以添加一个 left
,它在同一动画中起作用,因此随着宽度的扩大,左侧会缩小。
由于您已经在处理 margin-left:10%
,我已经开始 left:40%
并以 left:0< 结束
补偿...
#cBox{
position: absolute;
margin-left: 10%;
margin-top: -.5%;
margin-bottom: -1%;
height: 100%;
width: 80%;
border-right: 3px ridge;
border-left: 3px ridge;
border-color: #A17500;
background-image: linear-gradient(to bottom, transparent, black);
overflow-y: scroll;
animation: open 1s;
left: 0;
}
@keyframes open {
0% {width: 0%; left: 40%;}
100% {width: 80%; left: 0; }
}
<div id="cBox">
</div>
关于html - 如何让我的标签从中间打开,而不是从左边打开?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57060909/
我正在开发一个需要在屏幕上查找对象的程序,到目前为止工作正常,但我遇到了多显示器配置问题。 GraphicsEnvironment.getLocalGraphicsEnvironment().getS
使用 mySql,我想列出客户对特定产品类别进行的所有购买。 所以,我有 3 个表:客户 (idCustomer, Name)、类别 (idCategory, CategoryName) 和订单 (i
我的网站上有一个关于 background-size:cover 的小问题我一直在 Firefox 中测试它,但是当我在谷歌浏览器中加载页面时,我在左边得到 1px 的白色。当我使用 backgrou
我已经搜索了几个小时来找到解决我的问题的方法,但没有成功。我遇到的问题是两个按钮的垂直堆叠。 这就是我想要做的:它说按钮在这里两次是我试图放置按钮的地方,但我所能做的就是让它们水平排列而不是垂直排列。
我有一个包含多个元素的导航栏。 Left1 Left2 Left3 Right1 Right2 Right3 我不知道如何将“fixedLef
您好,我正在尝试让 2 个 div 在左侧与右侧对齐。 #div1 #div2 #div1 #div2 #div3 #div2 #div3 #div3 诀窍是当浏览器窗口变小时,我希望#div2 位于
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px;
这个问题在这里已经有了答案: In CSS Flexbox, why are there no "justify-items" and "justify-self" properties? (6
这是我的代码的 jsfiddle 链接: https://jsfiddle.net/Krisalay/zvxxeagh/ 我的 HTML 代码是: MESSAGE 1
所以我有 10 个复选框,每个标签都取自数组中相应的索引。我正在使用 ng-repeat 来展示它们: {{entity}}
我是一名优秀的程序员,十分优秀!