Questions tagged «width»

我的布局类似于： <div> <table> </table> </div> 我希望div扩展到我所能达到的最大范围table。

2069 html  css  width 

简单方案： <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> 我需要为设置一个固定宽度<td>。我试过了： tr.something { td { width: 90px; } } 也 td.something { width: 90px; } 对于 <td class="something">B</td> 乃至 <td style="width: 90px;">B</td> 但是的宽度<td>仍然相同。

513 css  twitter-bootstrap  width  html-table 

我有2个div：在页面的左侧是一个，在右侧是一个。左侧的一个宽度固定，我希望右侧的一个填充剩余空间。 #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> 运行代码段隐藏结果展开摘要

419 html  css  width  responsive 

我有一个html输入。 输入有padding: 5px 10px;我希望它是父div宽度的100％（可变）。 但是，使用width: 100%;导致输入100% + 20px如何解决呢？ 例

396 html  css  width  fluid-layout 

在不使用表或JavaScript的情况下如何实现以下结构？白色边框代表div的边缘，与问题无关。 中间区域的大小将有所变化，但将具有精确的像素值，并且整个结构应根据这些值缩放。为了简化它，我需要一种方法来将“ 100％-n px”宽度设置为顶部-中间和底部-中间div。 我希望能使用一个干净的跨浏览器解决方案，但如果不可能，CSS hacks会做。 这是奖金。我一直在努力并最终使用表或JavaScript的另一种结构。稍有不同，但是引入了新的问题。我主要在基于jQuery的窗口系统中使用它，但是我想使布局不在脚本中，而仅控制一个元素（中间一个）的大小。

316 html  css  height  width 

╔══════════════════════════════════════════════╗ ^ ║ ImageView ╔══════════════╗ ║ | ║ ║ ║ ║ | ║ ║ Actual image ║ ║ | ║ ║ ║ ║ |60px height of ImageView ║ ║ ║ ║ | ║ ║ ║ ║ | ║ ╚══════════════╝ ║ | ╚══════════════════════════════════════════════╝ <------------------------------------------------> 90px width of ImageView 我有一个具有默认高度和宽度的图像视图，图像存储在db中，并且我想根据Imageview的高度宽度缩放Image。因为我不希望它提供默认值，因为每当我更改它的高度和宽度时，我也必须在代码中对其进行更改。 我正在尝试获取ImageView的高度和宽度，但是在两种情况下都返回0。 int …

272 android  image  height  width 

python中有没有办法以编程方式确定控制台的宽度？我的意思是不换行就适合一行的字符数，而不是窗口的像素宽度。 编辑 寻找适用于Linux的解决方案

264 python  linux  console  terminal  width 

总菜鸟问题，但在这里。 的CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; }​​​ 的HTML <span class="product__specfield_8_arrow"> </span>​ 小提琴 基本上，我试图模拟一个按钮，使跨度（或某个范围）看起来像一个输入字段旁边的按钮，由于自动填充生成器会在onEnter上生成错误，因此实际上不需要是一个输入字段。以为这是目前的快速解决方案，但显然不是。 谢谢。

254 css  html  width 

关于此有很多问题和文章，但据我所知，尚无定论。我能找到的最佳总结是 flex-basis允许您在计算其他任何内容之前指定元素的初始/开始大小。它可以是百分比或绝对值。 ...这本身并没有过多说明具有flex-basis设置的元素的行为。以我目前对flexbox的了解，我不明白为什么那也不能描述宽度。 我想知道flex-basis与实际宽度有何不同： 如果我用flex-basis代替width（反之亦然），那么视觉上会发生什么变化？ 如果将两者都设置为不同的值会怎样？如果它们具有相同的值会怎样？ 在某些特殊情况下，使用width或flex-basis与使用其他宽度或flex-basis会有很大区别吗？ 如何宽度和柔性基础上与其他Flexbox的风格，如配合使用时，不同的柔性包装，柔性成长和弹性收缩？ 还有其他重大区别吗？ 编辑/说明：在“究竟什么是flex-basis属性集”中以另一种格式提出了此问题？但是我觉得更直接地比较或总结flex-basis和width（或height）的区别是不错的。

224 css  flexbox  width 

问题 我有一个<select>它<option>的文本值很长的地方。我要<select>调整其大小，以使其永远不会比其父对象宽，即使它必须切断其显示的文本也是如此。max-width: 100%应该这样做。 调整大小之前： 调整大小后我想要什么： 但是，如果您加载此jsFiddle示例，并将“结果”面板的宽度调整为小于的宽度<select>，则可以看到内部的select <fieldset>无法缩小其宽度。 调整大小后，我实际上看到的是： 但是，用a <div>代替a<fieldset>的等效页面确实可以正确缩放。如果在一页上一个接一个，则可以看到并更轻松地测试更改。并且，如果删除周围的标签，则可以调整大小。该标签在某种程度上导致水平尺寸调整打破。<fieldset><div><fieldset><fieldset> 该<fieldset>行为是如果有一个CSS规则fieldset { min-width: min-content; }。（min-content手段，大致的最小宽度不会引起孩子溢出。）如果我更换<fieldset>了<div>与min-width: min-content，它看起来完全一样。但是min-content我的样式，浏览器默认样式表或Firebug的CSS Inspector中都没有规则。我试图覆盖<fieldset>Firebug的CSS检查器和Firefox的默认样式表forms.css中可见的所有样式，但这无济于事。专门覆盖min-width，width也没有执行任何操作。 码 字段集的HTML： <fieldset> <div class="wrapper"> <select id="section" name="section"> <option value="-1"></option> <option value="1501" selected="selected">Sphinx of black quartz, judge my vow. The quick brown fox jumps over the lazy dog.</option> <option value="1480">Subcontractor</option> <option value="3181">Valley</option> <option …

221 html  width  fieldset  css 

这是什么意思？我猜这是一个浏览器黑客，但我一直无法找到确切的功能。 width: 500px\9; 的意义是\9什么？

209 css  width  css-hack 

我有设置选项卡 UPDATE 29/05/2015 这篇文章。在Nexus 4移动设备上，标签页全角显示，但在nexus 7平板电脑上，标签页在中间显示，而不能覆盖整个屏幕宽度。 Nexus 7屏幕截图 Nexus 4屏幕截图

202 android  tabs  width  android-appcompat  android-tablayout 

我有2个画布，一个使用HTML属性width并调整height其大小，另一个使用CSS： <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1会像应该显示的那样显示，但不会像compteur2那样显示。内容是使用JavaScript在300x300画布上绘制的。 为什么会有显示差异？

194 css  html  canvas  height  width 

目前，通过STYLE，我可以使用width: 100%和auto在高度上，反之亦然，但是我仍然不能将图像分别限制在一个特定的位置，无论是太宽还是太高。 有任何想法吗？

174 css  image  height  width 

我试图制作一个由两个输入字段组成的登录表单，并带有插入填充，但是这两个字段总是最终超出其父级的边界。该问题源于添加的插图填充。为了解决此问题可以采取什么措施？ JSFiddle代码段：http：//jsfiddle.net/4x2KP/ 注意：该代码可能不是最干净的。例如，完全不需要封装文本输入的span元素。 #mainContainer { line-height: 20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: rgba(0,50,94,0.2); margin: 20px auto; display: table; -moz-border-radius: 15px; border-style: solid; border-color: rgb(40, 40, 40); border-radius: 2px 5px 2px 5px / 5px 2px 5px 2px; border-radius: 2px; border-radius: 2px 5px / 5px; box-shadow: 0 5px 10px 5px rgba(0,0,0,0.2); } .loginForm …

172 css  forms  input  width