我希望旋转木马DIV(s7)扩展到整个屏幕的高度.我不知道它为什么没有成功.要查看该页面,您可以访问此处.
body {
height: 100%;
color: #FFF;
font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif;
background: #222 url('') no-repeat center center fixed;
overflow: hidden;
background-size: cover;
margin: 0;
padding: 0;
}
.holder {
height: 100%;
margin: auto;
}
#s7 {
width: 100%;
height: 100%: margin: auto;
overflow: hidden;
z-index: 1;
}
#s7 #posts {
width: 100%;
min-height: 100%;
color: #FFF;
font-size: 13px;
text-align: left;
line-height: 16px;
margin: auto;
background: #AAA;
}Run Code Online (Sandbox Code Playgroud)
<div class="nav">
<a class="prev2" id="prev2" href="#">
<img src="http://static.tumblr.com/ux4v5bf/ASslogxz4/left.png">
</a> …Run Code Online (Sandbox Code Playgroud)可能重复:
在jQuery中旋转Div元素
如何使用jQuery将DIV和内部所有元素旋转到一定程度?喜欢而不仅仅是90,180等.我可以将它设置为88.
我有一排图标需要位于页面底部,它们也需要修复。很简单,对吧?不是。当您将它们固定放置时,图标会相互重叠,因此仅显示一个图标。嗯,就是这样,但也有可能将它们放在页面底部,因为我需要
#icons {
position:fixed;
bottom:0;
}
Run Code Online (Sandbox Code Playgroud)
我总是可以手动放置它们,但这意味着它们无法像我也需要它们一样被修复,而且我必须为不同的浏览器声明它。帮助?
网站链接: Roseannebarr.tumblr.com
这是我的 HTML 示例
<div id="outer">
{block:Photo}
<img id="block" src="http://static.tumblr.com/ux4v5bf/vYSlebvt2/photo.png">
<div id="tooltip">
{LinkOpenTag}<img id="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
</div>
{/block:Photo}
</div>
Run Code Online (Sandbox Code Playgroud) 我只希望div位于页面的中央,上下间距相等,并且我需要使用百分比,因为div的内容会有所不同。我尝试了bottom:50%,但这不起作用。
大家好,谢谢您的回答!我的略有不同,这是我的错误,不添加此内容,请访问我的博客以查看问题。
大家好,感谢您抽出宝贵的时间回答这样一个愚蠢的问题,但我发现最简单的方法是只使用padding:
padding-top:X%;
padding-bottom:X%;
Run Code Online (Sandbox Code Playgroud)
然后将其弄乱,看看结果如何。如果您有更好的选择,请共享,因为这显然不是最可靠的。
有什么办法吗?使用Javascript/JQuery?我真的非常需要它.任何帮助表示赞赏.
我有一个Tumblr博客的旋转木马,每个博客帖子都有单独的DIV,但也有一个DIV用于信息,如名称/描述等.如何点击按钮滑动到那个DIV?布局在这里,将是描述的布局在文本旁边有一个"2".提前致谢 :)