标签: height
垂直居中图像
HTML:
<ul>
<li><img src="image1.png" /></li>
<li><img src="image2.png" /></li>
<li><img src="image3.png" /></li>
<li><img src="image4.png" /></li>
<li><img src="image5.png" /></li>
<li><img src="image6.png" /></li>
</ul>
...图像都是不同的尺寸,我想垂直居中.
jQuery的:
$('ul li').css('paddingTop', height($("ul li").height() - ("li img") / (2)));
# padding-top = height of li - height of image / 2
..但这不起作用.
0
推荐指数
推荐指数
1
解决办法
解决办法
656
查看次数
查看次数
使用jQuery更改屏幕分辨率时执行某些操作
我想在页面加载时将div的高度设置为窗口的高度...
所以我使用了以下代码:
$(document).ready(function () {
var x = screen.availWidth;
var y1 = screen.availHeight;
var y2 = screen.Height;
var w = $(window).height();
var d = $(document).height();
alert('availHeight : ' + y1);
alert('Height : ' + y2);
alert('window : ' + w);
alert('document : ' + d);
$('#OuterDiv').css({ 'height': w });
//alert($('#OuterDiv').css('height'));
}); //End Of $(document).reedy
问题#1:
当屏幕分辨率改变时,div仍具有先前的高度.
我该如何解决这个问题？
问题#2:
我希望高度= 100%的div,因为一些CSS问题,我使用jQuery.
但是当页面加载时(在页面加载期间)div的高度是它的内容的高度,并且在jQuery工作之后,该div获得窗口的高度.
我认为在页面加载期间这不是很好.
我该如何解决这个问题？
height:100% 不适用于该div:
原因如下 - > LINK
提前致谢
0
推荐指数
推荐指数
1
解决办法
解决办法
1886
查看次数
查看次数
CSS高度不是100%
我已经检查了许多与此类似的其他问题,但似乎没有解决方案可行.我有一个拥有正文的网站,然后是一个称为内容的内部div.我试过了:
body
{
height: 100%;
}
content
{
height: 100%;
}
和
body
{
}
content
{
position: absolute;
top: 0px;
bottom: 0px;
}
这是大多数问题的答案.但由于某种原因,它不适合我们.当我们使用绝对定位进行强制时,它会延伸到超过页面长度,并且当我们希望它居中时也将我们的内容推向左侧(使用margin-left:auto; margin-right:auto;)
有什么建议？
0
推荐指数
推荐指数
1
解决办法
解决办法
5142
查看次数
查看次数
CSS:流体包装高度取决于浮动元素
我知道这个问题可能是12324次,但我仍然找不到任何可靠的答案:/
以下是示例代码:http: //tinkerbin.com/c0wqtfSa
根据浮动图像,换行应采用自动高度,但如何？:/
非常感谢!!!
ps,我不能添加任何额外的div,如"clear:both",它应该是只有css的解决方案
0
推荐指数
推荐指数
1
解决办法
解决办法
1312
查看次数
查看次数
如何根据img高度更改img宽度
我需要根据img高度更改img宽度.我使用了jQuery height属性,但它不起作用.请参阅下面的功能.
$(function imagesSizer(){
var img = document.getElementsByClassName('.offer_img');
if ($('.offer_img').height() < 210) {
$('.offer_img').css('width','360px')
}
});
0
推荐指数
推荐指数
1
解决办法
解决办法
250
查看次数
查看次数
0
推荐指数
推荐指数
1
解决办法
解决办法
3661
查看次数
查看次数
如何将页面内容拉伸并将页脚粘贴到页面底部？
我一直试图让这个我该死的布局工作了很长时间,而且它的超级fr.我是CSS的新手,所以请轻松一点,但我查了很多关于粘性页脚和拉伸内容等的文章等,我仍然无法让它工作.最小高度对我没什么用!
这是html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to SilmanServer!</title>
<link href="./main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="pageHeader">
<h1>SilmanServer</h1>
<p>Aaron Silman's Personal Home Server </p>
</div>
<div id="navigation">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./blog.html">Blog</a></li>
<li><a href="./projects.html">Projects</a></li>
<li><a href="./about.html">About Me</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</div>
<div id="main">
<div>
<h2>What the hell?</h2>
<p>
This the project I embarked on around June of 2012 with an old computer that I had …0
推荐指数
推荐指数
1
解决办法
解决办法
7751
查看次数
查看次数
渐变全尺寸背景CSS
整页CSS3渐变背景:
好吧所以我试图让我的背景成为一个总是100%宽度和高度的渐变,并且它起作用,除了事实上没有任何东西会出现在它上面.这是我目前的代码.
CSS:
<style type="text/css" media="screen">
#bodyBg{
background:rgb(79,143,249) no-repeat center center fixed; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(164,197,252,1) 1%, rgba(79,143,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgba(164,197,252,1)), color-stop(100%,rgba(79,143,249,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(164,197,252,1) 1%,rgba(79,143,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(164,197,252,1) 1%,rgba(79,143,249,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(164,197,252,1) 1%,rgba(79,143,249,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(164,197,252,1) 1%,rgba(79,143,249,1) 100%); /* W3C …0
推荐指数
推荐指数
1
解决办法
解决办法
7521
查看次数
查看次数
如何获得对话框中控件的宽度 - 高度
我创建了一个带有一些控件的对话框 -
IDD_DIALOG_EFFECTS DIALOGEX 0, 0, 168, 49
STYLE DS_SETFONT | WS_CHILD
FONT 8, "MS Sans Serif", 400, 0, 0x1
BEGIN
--- ---
--- ---
CTEXT "",3,200,120,60,60, WS_VISIBLE
END
在Header中 - 文件:const int16 kItem = 3;
现在,当我试图获得控件的位置和尺寸时,它并不准确.
// Retrieving the location and dimension of the control
RECT wRect_proxy;
GetWindowRect(GetDlgItem(hDlg, kItem), &wRect_proxy);
ScreenToClient (hDlg, (LPPOINT)&wRect_proxy);
ScreenToClient (hDlg, (LPPOINT)&(wRect_proxy.right));
// Output of the control as location and position that I am getting is:
wRect_proxy.left: 300 (Expected: 200)
wRect_proxy.top: 195 (Expected: 120)
wRect_proxy.right: …0
推荐指数
推荐指数
1
解决办法
解决办法
89
查看次数
查看次数
在Swift中更改UIProgressView(Bar样式)的高度
我在Swift 2.2中创建了一个UIProgressView(条形样式),现在想改变它的高度.建议使用其他一些帖子CGAffineTransformScale来改变身高.但是,出于某种原因,这种方法似乎不起作用,因为它对UIProgressView的高度没有任何影响.
您将在下面找到我的代码:
let progressBar = UIProgressView(progressViewStyle: .Bar)
progressBar.progress = 0.5
progressBar.translatesAutoresizingMaskIntoConstraints = false
progressBar.transform = CGAffineTransformScale(progressBar.transform, 1, 20)
self.navigationItem.titleView = progressBar
感谢您的帮助,非常感谢!
0
推荐指数
推荐指数
1
解决办法
解决办法
5198
查看次数
查看次数