我必须为canvas元素设置属性'width'和'height',具体取决于可用的屏幕分辨率.从html中静态设置它们(例如<canvas id="canv" width="1600" ...).从Javascript我不能这样做.我用谷歌搜索和搜索,但我找不到任何有用的东西.我正在使用JQuery,我尝试了以下不成功(高度属性相同)
$('#canv').setAttribute('width',screen.availWidth);
$('#canv').attr('width',screen.availWidth);
$('#canv').data('width',screen.availWidth);
$('#canv').width = screen.availWidth;
$('#canv').css('width',screen.availWidth);
我做了相同的推杆var cv = $('#canv')[0].getContext("2d");和改变$('#canv'),cv但没有结果.
BB
我想得到一个元素的宽度,包括边框,边距和填充.
我知道使用$(input).width()或$(input).css('width')给出元素的宽度.
但这是要求.
假设我创建了一个如下文本框:
<input type='text' id='txtBox' name='txtBox' style='width:100%' />
要么
<input type='text' id='txtBox' name='txtBox' style='width:auto' />
如果我使用$ input.css('width')或$ input.width()获得宽度.我无法获得像素宽度.我正在使用jquery1.3.2.
我已经发现了几个已经被问过的SIMILAR场景,但没有一个可以解决这个特殊问题.我希望有人可以提供帮助!
连续三个div.中间div居中,并具有设定的宽度和高度.外部的两个div必须展开以填充窗口边缘和中心div边缘之间的剩余空间.像这样:
http://kthornbloom.com/example.jpg
*注意 - 我想用CSS解决它,但如果需要javascript,那就没问题了
*注意2-这个目的不是为了使中间div居中,我知道有更好的方法可以做到这一点.目的是设计使用背景元素的网站,该背景元素需要是页面的整个宽度,中间除外.
我正在寻找一种方法来将div的宽度更改为该div中图像的所有宽度的总和.
换句话说,我希望#page-content的宽度等于其中所有图像的宽度.这是因为我希望页面内容div比浏览器窗口宽,以便用户可以从左向右滚动.
我的代码如下:
<div id="page-content">
<div id="gallery">
<div>
<a href="#" class="shutterset">
<img src="images/pic1.jpg"/>
</a>
<a href="#" class="shutterset" >
<img src="images/pic2.jpg" />
</a>
<a href="#" class="shutterset" >
<img src="images/pic3.jpg" />
</a>
<a href="#" class="shutterset" >
<img src="images/pic4.jpg" />
</a>
<a href="#" class="shutterset" >
<img src="images/pic5.jpg" />
</a>
<a href="#" class="shutterset" >
<img src="images/pic6.jpg" />
</a>
<a href="#" class="shutterset" >
<img src="images/pic7.jpg" />
</a>
<a href="#" class="shutterset" >
<img src="images/pic8.jpg" />
</a>
</div>
<div class="clear"> </div>
<p>hi</p>
</div>
</div>
我尝试过的jQuery是:
$(document).ready(function() { …我在gwt 2.4中遇到了DataGrid的问题.我用CellTable做了表,一切都很好.但我需要修复标头,然后用DataGrid替换CellTable.我有.css文件的问题,但已经解决了.
现在,问题是每列都有固定的宽度,并且表格将每一行放在屏幕的可见部分.
这是新老屏幕截图,让事情更清晰:)
http://img832.imageshack.us/img832/5026/oldscreenshot.jpg
http://img834.imageshack.us/img834/1489/newscreenshot.jpg
有人可以帮助老看,但固定标题.
我正在尝试设置Facebook代码的百分比(80%)的宽度.这不起作用!首先,我尝试通过CSS,但没有任何改变.它总是默认Facebook宽度(约500px).
<div id="fb-root" style="width: 80%"></div>
<script src="http://connect.facebook.net/it_IT/all.js#xfbml=1"></script>
<fb:comments href="http://stackoverflow.com" num_posts="5" width="auto"></fb:comments>
因此,当用户调整浏览器窗口大小时,我决定使用javascript并更改宽度.因此,如果我的宽度屏幕为1000px,则必须为1000px.但是当我将浏览器窗口的大小调整为756px时,它必须通过jb在fb:comments的width ="..."上更改为756px.错误来自Firebug(Firefox 8):box [0]未定义 - > var boxwidth = box [0] .getAttribute("width");.
<script type="text/javascript">
var box = document.getElementsByTagName("fb:comments");
var boxwidth = box[0].getAttribute("width");
alert("start...");
alert("width of element 'box': "+boxwidth);
alert("...end");
/*resolution = screen.width;
alert("Screen width: "+resolution);*/
</script>
有没有办法动态设置fb:comments的宽度？提前致谢.戴维德见.
PS.对不起我的英语错误,如果我做了一些......
这是WPF的v.basic问题.
乍一看,似乎WPF区分大小写.但如果必须如此,那么width ="auto"&width ="Auto"如何才能正常工作？另一方面,如果不区分大小写,为什么控件不接受'width'作为其属性？您只能使用"宽度"(大写W)定义控件的宽度.
http://developers.facebook.com/docs/reference/plugins/comments/
它说那里:
当检测到移动设备用户代理时,移动版本将自动显示.您可以通过将mobile参数设置为false来关闭此行为.请注意:移动版本忽略宽度参数,而是具有100%的流体宽度,以便在纵向/横向切换情况下很好地调整大小.您可能需要调整移动网站的CSS才能利用此行为.如果愿意,您仍然可以通过容器元素控制宽度.
但是当我在iphone上访问我的页面时,虽然我看到了Facebook评论的"移动设计",但是盒子的宽度是我在代码上设置的宽度.
我的测试页面:http://www.santiagosarceda.com/facebook/
这是我的代码:
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="fb-comments" data-href="http://www.site.com/3953172" data-num-posts="5" data-width="300"></div>
</body>
</html>
盒子总是呈现300px宽度.
Facebook评论本身有什么问题吗？因为几天前一切正常.
谢谢阅读!
假设我有一个部分,它的宽度是1181(在控制台中输出),我使用以下代码找出它的宽度:
jQuery(document).ready(function()
{
var body_size = jQuery('section').width();
console.log(body_size);
});
如果我重新调整浏览器的大小,我必须重新加载页面以找出这个div的新大小.
当我重新调整浏览器大小时,有没有办法找出尺寸？
我是css的新手,我想和你讨论这个问题:
假设我们有一个名为A的div和它的宽度= X px,我们里面还有2个div,div B和div C.
div B:
width: 20%;
border: 1px;
div C:
width: 80%;
border: 1px;
这样,这两个div的宽度总和如下:
20% + 80% + 2(1px left border + 1px right border) => 100% (" width of div A) + 4px
问题是如何使B和C的宽度等于宽度A而不管它们的边界宽度如何？