标签: width

看看这个;

http://jsfiddle.net/k2zyz/

为什么100%宽度的标签超出了容器？容器中的内容也具有 100% 宽度，这样效果很好吗？

我的代码旨在通过计算百分比并将其作为 style.width 传递来设置进度条的宽度。我是一个新手，所以对错误的代码表示歉意：

jQuery

$(document).ready(function() {
var width=(1/5*100);
$('#progress_bar').css('width','=width + "%"');
});

超文本标记语言

<div id="progress_bar" style="height:1em; background:red; display:block;"></div>

有人可以抽出一点时间帮助我让它工作并告诉我哪里出了问题，以便我可以从中学习吗？

http://jsfiddle.net/SyxAM/

这是我创建新 ImageView 的源代码：

    ImageView image = new ImageView(this);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
            params.width = screen_dimens(0.5, "w");
            params.height = screen_dimens(0.5, "w");
            image.setLayoutParams(params);

（screen_dimens(0.5, "w")=屏幕宽度的 50%）

但现在当我想获取图像的宽度时，我得到以下结果：
image.getWidth() => 0
image.getLayoutParams().width => 360

现在这两个函数有什么区别？如何设置图像宽度以便该getWidth()方法也返回正确的值？

我正在为我的摄影爱好开发一个新网站。广告是 faspix.com 我已经让它适合我想要的笔记本电脑/台式机，但是当我在 iPhone 上加载页面时，我遇到了让宽度适合我的 iPhone 的问题，高度在那里，但只有宽度从左到右显示大约一半然后我必须向右滚动才能看到其余的宽度......我尝试了一堆不同的媒体查询，但没有真正解决这个问题，例如当我将 site_content 切换到最大宽度 100 时它只是缩小了 iPhone 上的容器。有人可以帮我解决 iPhone 上的这个宽度问题吗？谢谢

CSS：

media (max-device-width: 1024px) { /*IPad portrait AND netbooks, AND anything with smaller screen*/ /*make the design flexible if possible */ /*Structure your code thinking about all devices that go below*/ } 

@media (max-device-width: 640px) { /*Iphone portrait and smaller*/ } 

media (max-device-width: 540px) { /*Smaller and smaller...*/ } 

media (max-device-width: 320px) { /*IPhone portrait and smaller. You can probably stop on 320px*/ } 

你能解释一下为什么这 4 个 div 不相邻吗？有 4 个 div，我将它们的宽度设置为 25%，因此它们填满了整个页面，而 1 个 div 被推到其他 div 下方。我必须将宽度设置为 24% 才能让它们并排站立。怎么来的？在我的书中 4x25% = 100%。

http://jsfiddle.net/cm2K6/

.four {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

我一直在 microsoft visual studio 2013 中乱搞，我制作了一个控制台应用程序，但我想知道是否有办法为其设置固定大小（高度/宽度），这意味着它无法调整大小？如果有人知道这是否可行，如果您能帮助我，我将不胜感激。谢谢！

如何设置自动完成宽度以正确填充面板？

如您所见，使用：

.ui-autocomplete input {
        width: 100%;
    }

将箭头移出面板

编辑：panelGrid

<p:panelGrid columns="3" style="border: hidden; width: 100%" styleClass="ui-panelgrid-blank">
                        <p:panelGrid>
                            <p:outputLabel value="Item name" for="haveName" />
                            <br/>
                            <p:autoComplete id="haveName" effect="fade" dropdown="true" forceSelection="true"/>
                        </p:panelGrid>

                        <p:panelGrid>
                            <p:outputLabel value="Paint" for="havePaint" />
                            <br/>
                            <p:autoComplete id="havePaint" effect="fade" dropdown="true" forceSelection="true"/>
                        </p:panelGrid>

                        <p:panelGrid>
                            <p:outputLabel value="Certification" for="haveCert" />
                            <br/>
                            <p:autoComplete id="haveCert" effect="fade" dropdown="true" forceSelection="true"/>
                        </p:panelGrid>
                    </p:panelGrid>

EDIT2：这就是我style="width: 100%"在 autoComplete 标签中设置时发生的情况：

EDIT3：当我结合两者时会发生这种情况：

我在 Ionic3/Angular5 项目中使用 ng-select 并且我正在使用它的多选配置。选择输入的显示总是比包含所选项目或任何可用选项所需的要宽得多。

如果选择了任何一个可用选项，我希望它的宽度至少是组件将具有的最大宽度，否则宽度是包含主动选择的选项所需的任何宽度。

是否有可能让 ng-select 以这种方式表现？

我想知道如何更改菜单行之间的空间（宽度）。我的菜单线条太大。有图像显示它。

我正在尝试使用 Tailwind css 在悬停时使 div 更宽。这可能吗？如何？

我已经尝试了以下但没有奏效：

class="w-1/3 hover:w-3/5"