如何让html箭头绝对居中,html - 将垂直居中对齐的导航箭头定位到图像的左侧和右侧 - SO中文参考

我怎样才能让百分比声明起作用(#case-left, #case-right)..？

我的目标是将这两个元素分别对齐图像的左侧和右侧，始终是图像顶部的50％。

如下图所示：

据我所知，我的#nav-container元素不够高。

HTML：

CSS：

#case-example-cover {

height: 100%;

margin-top: 80px;

width: 100%;

}

#case-example-cover #nav-container {

margin: 0 auto;

max-width: 980px;

position: relative;

width: 100%;

}

#case-example-cover #case-left {

background-image: url("http://s7.directupload.net/images/140625/lhmdzrfd.png");

float: right;

height: 38px;

width: 38px;

position: absolute;

left: 0;

top:50%;

}

#case-example-cover #case-right {

background-image: url("http://s7.directupload.net/images/140625/lhmdzrfd.png");

height: 38px;

width: 38px;

position: absolute;

right: 0;

top:50%;

}

#case-example-cover img {

height: auto;

width: 100%;

}

查看我在JS fiddle的当前样本

如何让html箭头绝对居中,html - 将垂直居中对齐的导航箭头定位到图像的左侧和右侧 - SO中文参考 - www.soinside.com...相关推荐

Word 2016 撰写论文(1): 公式居中、编号右对齐
目录方法1:表格法方法2:制表位法新建"样式"批量设置参考资料写论文时,要求公式居中,编号右对齐.刚开始碰到这种问题,很麻烦,网上看了好多方法,目前,两种方法比较实用.第 ...
Word 2016 撰写论文: 公式居中、编号右对齐
目录方法1:表格法方法2:制表位法新建"样式"批量设置参考资料写论文时,要求公式居中,编号右对齐.刚开始碰到这种问题,很麻烦,网上看了好多方法,目前,两种方法比较实用.第 ...
html select 文字居中显示图片,html原生select改造箭头及文字左右居中的一种办法...
使用过原生select做网页开发的人,一定会对select的两个问题痛心疾首,一是箭头没办法使用css改造,二是显示文字没办法左右居中. 首先,如果你有足够时间的话,请改用jquerymobile.j ...
html自动播放图箭头,html5制作焦点图左右导航箭头样式
本教程将和大家分享一些焦点图左右导航按箭头按钮的动画样式.观察任意一个网站上的焦点图,它们都带有一对很小的左右导航箭头按钮.它们的尺寸太小以至于用户不容易发现它们.今天我们要创建的效果是当用户用鼠标滑 ...
论文公式编号右对齐_公式对齐（二）：公式居中，编号右对齐（MathType 6.9）
"公式居中,编号右对齐"的对齐方式适用于较大多数场合,比如,学位论文.国内外期刊论文等. 1.最想分享的还是"MathType 6.9"软件的自动编号功能,不过 ...
Word论文写作公式居中、编号右对齐设置
第一个制表位:设置在页面中间,计算公式为:(21cm-3.18cm×2)÷2=7.32 cm ; 第二个制表位:设置在页面右侧,计算公式为:21cm-3.18cm=17.82 cm ; 21为纸张大小 ...
html表格中文字上下左右居中对齐,word表格中文字如何设置左右和上下居中(水平和垂直居中)...
word表格中文字如何设置左右和上下居中(水平和垂直居中) 时间:06-25 作者:snow 来源:互联网想使表格中的文字居中,现文字在表格的下方,点单元格属性的垂直居中按钮也不行,文字反倒 ...
毕设论文word撰写：如何实现公式居中，编号右对齐？其实非常简单！
毕设论文word撰写:如何实现公式居中,编号右对齐?其实非常简单! Step1: 正常写入你的公式,公式的位置调成居中. Step2: 在公式后面写入:"#+编号",注意一定要在公 ...
api21最新导航箭头动画的使用
当然主要是DrawerLayout 中 <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas. ...
让div在屏幕中居中（水平居中+垂直居中）的几种方法
这里是修真院前端小课堂,本篇分析的主题是 [让div在屏幕中居中(水平居中+垂直居中)的几种方法] 水平居中方法: 1.inline,inline-block元素的水平居中,在父级块级元素中设置tex ...

如何让html箭头绝对居中,html - 将垂直居中对齐的导航箭头定位到图像的左侧和右侧 - SO中文参考 - www.soinside.com...

如何让html箭头绝对居中,html - 将垂直居中对齐的导航箭头定位到图像的左侧和右侧 - SO中文参考 - www.soinside.com...相关推荐

最新文章

热门文章