对于我的输入，它可以有classname="half"或"half.not-placeholder-value"，Firebug显示两个输入都有一个集合，25em的固定宽度。input.half,input.half.not-placeholder-value{max-width:25em;}然而，根据开发者工具，IE8似乎没有使用这个特殊的max-width属性。我说“似乎没有使用”，因为Firefox的行为与IE8在此属性方面不同。但是MDNdocs假设IE7支持max-width。我错过了什么吗？ 最佳答案 这不是真正的IE8
这个问题在这里已经有了答案:ForceNon-MonospaceFontintoFixedWidthUsingCSS(11个答案)关闭4年前。有没有办法让可变宽度字体在HTML中表现得像固定宽度字体？例如，如果我在固定宽度字体“CourierNew”中显示“Thequickgreyfoxjumpedoverthelazydog”这句话，它整体上会比在可变宽度字体中更宽，例如,“宋体”。我想使用“Arial”而不是“CourierNew”，但字符宽度固定。可变宽度示例:敏捷的灰狐狸跳过了懒惰的狗。固定宽度的例子:Thequickgreyfoxjumpedoverthelazydog请注意
使用colgroup设置表格单元格的宽度在IE9中不起作用 OrderID:0-1Items.RowHeader{background-color:black;}.GroupCaption{background-color:#868981;}.RecordPlusCollapse{background-color:red;}.Table{width:100%;}前2宽度不像colgroup在IE9中。不确定为什么宽度不同。http://jsfiddle.net/KgfsM/3/ 最佳答案 您给表格100%的宽度
我需要使用table显示表格数据，但它会在流畅的布局中；我想让它填充整个可用宽度，但不要水平扩展到最大屏幕宽度之外，这样body就不会获得水平滚动条。相反，太宽的td元素将获得滚动条。在示例中，table中有DATA，table有border:1pxsolidblack和从curl传输时，输出也应易于解析(因此white-space:pre)；div只是普通的CSS布局助手，如果可能的话，我们也去掉它吧!重要的是，它应该是没有固定像素宽度的布局类型，table应该小于可用宽度，以防数据不需要那么大的空间。所以总而言之，一张普通的table不会比屏幕宽。理想情况下，table只会拉伸(s
我有一个HTML表格，其单元格包含跨度等内容，如下所示:......当包含的表格单元格太窄而无法在一行中显示它们时，我正在寻找一种方法来缩小这些跨度的宽度，而不是将它们换行。我尝试将跨度的max-width设置为20px然后使用百分比作为宽度，但这不起作用，因为表格单元格试图只与其内容一样广泛。最小表格单元格宽度是在1行上显示标题所需的宽度。对于视觉类型，当有足够的宽度时，这是我目前拥有的:当宽度不够时，这是我目前拥有的:当每个跨度的宽度不足以达到完整的20像素时，我希望它看起来像这样:如果不明显，跨度是TXEs、RDBs和RavenNets列中的彩色方block。
这是一个常见问题，但我不明白为什么会这样。我有一个父div，在那个div里面我有3个宽度设置为33%(准确地说，不是33.3%!)和display:inline-block的div。在Chrome中它运行良好，但在Mozilla和Opera中它不能(我还没有在IE中测试它)。我认为问题可能出在浏览器用于根据百分比计算像素大小的算法中。但是当我检查DOM指标时，我发现父项的宽度为864px，子项的宽度为285px(正确:864*.33=285.12)。但为什么它不适合parent呢？285*3=855，比父级的宽度小9px!哦，是的，所有div的填充、边距和边框都设置为0，DOM指标证实
我实际上是在尝试创建“图形”元素的一个版本(即将在HTML5中推出)，借此我有一张图片，下面有简短的描述。但是，我想将整个元素的宽度限制为图像的宽度，因此文本不会比图像宽(必要时换行)。基本HTML:Adescriptionfortheimage我精通CSS，但我想不出任何纯CSS解决方案，而不向div添加style="width:100px"以匹配图像宽度。更新:经过一些搜索和思考，最好的方法似乎是在div上使用内联宽度。我将保留图像的宽度属性，以防我希望div比图像宽一点(例如，以容纳更长的标题)。这种方法还意味着我可以并排放置两张图片，并在下方添加标题。如果我有一组相同大小的图像
我确定答案是否定的，但是是否有可能确定元素的宽度在附加到DOM之前？添加后，我知道我可以使用offsetWidth和offsetHeight。谢谢 最佳答案 诀窍是显示元素(display:block)但也隐藏它(visibility:hidden)并将其位置设置为绝对位置，这样它就不会影响页面流。正如Oscar所提到的，MooToolsElement.Measure类就是这样做的。 关于javascript-附加到DOM之前的DOM元素宽度，我们在StackOverflow上找到一个类
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭3年前。Improvethisquestion假设流体布局不是一个选项(因为这是一个不同的讨论)，网站布局的推荐宽度是多少？不同尺寸的优缺点是什么？
比如说，我有以下无序列表。该按钮具有width:auto。我如何设置元素的样式，以便#textField尽可能地拉伸(stretch)，以便#textField的宽度和按钮加起来达到100%？IE。#textField的宽度==(宽度的100%)-(按钮的计算宽度)。因此，例如，假设li的100%宽度为100像素:如果按钮的计算宽度为30px，则#textField的宽度将为70px；如果按钮的计算宽度为25px，#textField的宽度将变为75px。 最佳答案 您可以使用float和overflow:hidden的组合快速实现
