标签: width

我有一个内联块跨度,占据了页面宽度的80%,之后我有另一个内联块跨度,占用0.753em,现在我想制作第三个占用剩余部分.

也许它在代码中会更清晰:

<span style="width:80%; display:inline-block; background-color:lime"></span>
<span style="width:0.753em; display:inline-block"></span>
<span style="width:[?????????]; display:inline-block;background-color:lime"></span>

如上所述,第三个跨度应占据页面宽度的其余部分,我应该设置的宽度是多少？

谢谢.

我有一个JComboBox对象,JFrame其行为完全符合预期.但是,我想让它可编辑,以便用户可以根据需要输入替代值.不幸的是,使用setEditable(true)启用编辑会导致其宽度显着增加.如何允许编辑JComboBox同时保持其宽度仅与最大可选项目所需的宽度相同？

该JComboBox处于JPanel同一个FlowLayout,但我不认为这是相关的,因为改变的宽度JPanel不影响的宽度JComboBox.

所以..我有一个动态宽度页面.下面,包装器div将div内部居中.但是,每个div都有以下样式:

display:inline-block;
width:400px; /* static */

这使得内部div并排.但这意味着根据浏览器的宽度剩下一些空白,并且可以并排多少div而不会破坏下一行.

要了解我的目标,请打开Goog​​le Chrome新标签页并拖动浏览器窗口以缩小尺寸.你会看到,当你走得太远时,一些chrome应用程序碰到了下一行,但它仍然保持居中.

在我的情况下,他们碰到下一行,并没有居中.

这就是我的代码:

<div class="wrapper">
    <div class="iB"></div>
    <div class="iB"></div>
    <div class="iB"></div>
    <div class="iB"></div>
    <div class="iB"></div>
    <div class="iB"></div>
</div>

我希望内部div是并排的,除非没有足够的空间,在这种情况下,结束一个将撞到下一行,所有同时保持在父div的中心.

谢谢你的帮助.

我正在使用以下内容查找其中的图像.content并将其宽度应用于.project父宽度.

    $('.content').find('img').each(function () {
         var $this = $(this), width = $this.width();
         {
            $(this).closest('.project').css("width", width);
        }
    });

我的问题是它没有找到最大的图像.content,有时会应用小于最大图像的宽度,并且会产生布局问题.

任何帮助都会很棒.谢谢.

编辑

Woops,细节错了,答案很棒!我只需要应用父projectdiv 的最大宽度.

建立Sudhir的答案.

如果有效,这不起作用？

 $(document).ready(function() {
var max_width = 0;
$('.content').find('img').each(function(){
        var this_width = $(this).width();
        if (this_width > max_width) max_width = this_width;
});
$(this).closest('.project').css('width', max_width + 'px');
});

布局示例.有很多项目.

<div class="container">

    <div class="project">
        <div class="content">
            <img src="small.jpg"  height="100" width="100" />
            <img src="large.jpg"  height="400" width="600" />
            <img src="medium.jpg"  height="400" width="600" …

我有几页,我注意到一个奇怪的时刻,这段代码:

var w = $(window).width();
alert(w);

• 有时返回结果:1440,(这是真的,我的屏幕分辨率是1440 x 900)
• 有时(在不同的页面中)返回:1423.

从这个结果来看,我不明白.

$(window).width() 必须始终(从所有页面)返回相同的结果,一定不是吗？

我正在使用Python开发基于文本的小型控制台游戏。因为我使用的是ASCII艺术，所以我必须确保游戏启动后每个人的控制台宽度都相同。谁能告诉我如何设置控制台的宽度和高度？:)

格蕾兹

浮点数

好吧,我有这个代码:

http://jsfiddle.net/hv9gB/3/

    (function() {

    var img = document.getElementById('my_image');

    // Original
    var width, height;

    // Display
    var d_width = img.width;
    var d_height = img.height;

    var updateDetail = function() {
        document
            .getElementById('display_size')
            .innerHTML = 'Display Size: ' + d_width + ' x ' + d_height;

        document
            .getElementById('native_size')
            .innerHTML = 'Original Size: ' + width + ' x ' + height;
    };

    // Using naturalWidth/Height
    if (img.naturalWidth) {
        width = img.naturalWidth;
        height = img.naturalHeight;

        updateDetail();
    } else {
        // Using an Image Object …

如何更改面板边框宽度？在ext 3.4 api border是一个布尔值.

我的代码

var p = new Ext.Panel({
    title  : 'My Panel',       
    width  :400,
    border : true //default also true.

});

我怎么能编辑边框宽度,例如2px或3px ??

我有一些代码可以获得按钮的宽度,但它总是返回按钮的宽度,末尾带有"px".是否有一种简单的方法(没有创建一个删除最后两个字符的函数)获得没有"px"部分的宽度,但仍以像素为单位？

jsfiddle的例子

<button name="test" id="mybutton" onclick="alert(this.style.width);" style="width:200px;">Click me</button>

提前致谢

首先,我在主题中说"没有HTML黑客",因为我没有足够的空间将所有这些黑客放在一行上.

我遇到了这些问题,但它们不能满足我的需求:

宽度为100%的CSS输入超出父级界限
如何为HTML文本输入和下拉输入设置相同的宽度
我可以阻止100%宽度文本框扩展到其容器之外吗？

以下是一些原因:

• 我不能使用块元素
• 输入必须保持其斜角/插入样式,使其看起来像一个文本框(业务不会像一个不明显的矩形,周围有1px实线边框)
• 没有CSS3(一些用户仍然在IE6和IE7上)
• 我不能用我神奇的DIV元素包装公司网站上的每一个输入.

我发现该<!DOCTYPE>指令会影响输入上的这种溢出行为.研究告诉我,如果没有这个指令,浏览器就处于怪异模式.我猜这就是为什么,在怪癖模式下,输入看起来......正确吗？我不明白.

无论如何,这是一个小提琴:

http://jsfiddle.net/pJkGB/2/

如果腐烂,这里是那个小提琴中的HTML:

<input id="txtwoo" style="width:300px" type="text" />
<br />
<select id="cbowoo" style="width:300px">
</select>

注意文本框比下拉列表更宽.我希望文本框的外边界与下拉列表的完全相同的宽度一直到像素(外边界包括任何边框,边距等).下拉列表必须保持不变.我不想用任何元素包装输入.我想要一种可以直接应用于文本输入本身的样式,这样可以防止它超出设置的像素宽度.我希望它保持斜角/插入样式.

如果这是不可能的,你的答案"你不能这样做"就足以作为答案了.否则,请摆弄我的小提琴,让我知道如何让这个工作.