这个问题在这里已经有了答案:CSStext-overflowinatablecell?(14个答案)关闭8年前。我有一些divs具有display:table-cell风格，我想在divs上设置固定宽度并截断如果不合适，请在里面添加文字。HTMLShouldnotfitin100pxCSS.row{display:table-row;}.cell{display:table-cell;border:solid1px#DADADA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}FIDDLEDEMO这可能吗？
这个问题在这里已经有了答案:CSStext-overflowinatablecell?(14个答案)关闭8年前。我有一些divs具有display:table-cell风格，我想在divs上设置固定宽度并截断如果不合适，请在里面添加文字。HTMLShouldnotfitin100pxCSS.row{display:table-row;}.cell{display:table-cell;border:solid1px#DADADA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}FIDDLEDEMO这可能吗？
我的网站上有一个照片背景，使用background-size:cover。它在大多数情况下都有效，但在纵向模式下在我的GalaxyS3上留下了一个奇怪的~30px空白区域。我附上了截图。1px的蓝绿色线条用于说明整个屏幕。似乎背景在社交媒体ul之后立即停止。我通过删除ul和背景将其附加到标语文本的底部来对此进行测试。另外，这是我关于移动端View的CSS:@mediaonlyscreenand(max-width:480px){.logo{position:relative;background-size:70%;-webkit-background-size:70%;-moz-bac
我的网站上有一个照片背景，使用background-size:cover。它在大多数情况下都有效，但在纵向模式下在我的GalaxyS3上留下了一个奇怪的~30px空白区域。我附上了截图。1px的蓝绿色线条用于说明整个屏幕。似乎背景在社交媒体ul之后立即停止。我通过删除ul和背景将其附加到标语文本的底部来对此进行测试。另外，这是我关于移动端View的CSS:@mediaonlyscreenand(max-width:480px){.logo{position:relative;background-size:70%;-webkit-background-size:70%;-moz-bac
这是HTML:http://jsfiddle.net/jC8DL/1/OuterdivInnerdiv,10pxmargin.Innerdiv,10pxpadding.Same,withbox-sizing:border-boxInnertable,10pxpadding在我的Chrome中看起来像这样:直到最后一个，我想我都明白了。我的Chrome检查器显示表格的计算box-sizing样式是content-box所以我希望它表现得像第二个div，溢出并且看起来很难看。为什么不同？这是否记录在HTML/CSS规范的某处？ 最佳答案
这是HTML:http://jsfiddle.net/jC8DL/1/OuterdivInnerdiv,10pxmargin.Innerdiv,10pxpadding.Same,withbox-sizing:border-boxInnertable,10pxpadding在我的Chrome中看起来像这样:直到最后一个，我想我都明白了。我的Chrome检查器显示表格的计算box-sizing样式是content-box所以我希望它表现得像第二个div，溢出并且看起来很难看。为什么不同？这是否记录在HTML/CSS规范的某处？ 最佳答案
Accordingtoquirksmode,InternetExplorer8确实支持显示属性的表选项，但在此示例中它表现出非常奇怪的行为http://jsfiddle.net/e3cUn/3/在普通浏览器中，内部图像将被缩放以适应150x150框而不改变尺寸比例(拉伸(stretch))。但是在IE8中，外框(蓝色的)也会拉伸(stretch):1)你见过这样的事吗？好像和text-align:center有关:删除此属性可以解决问题，但我确实需要居中图像(至少在非ie浏览器中)。2)如果不能妥善解决，我怎么能提供一个特殊的displayIE的值(value)？我在网上看到了一些例子
Accordingtoquirksmode,InternetExplorer8确实支持显示属性的表选项，但在此示例中它表现出非常奇怪的行为http://jsfiddle.net/e3cUn/3/在普通浏览器中，内部图像将被缩放以适应150x150框而不改变尺寸比例(拉伸(stretch))。但是在IE8中，外框(蓝色的)也会拉伸(stretch):1)你见过这样的事吗？好像和text-align:center有关:删除此属性可以解决问题，但我确实需要居中图像(至少在非ie浏览器中)。2)如果不能妥善解决，我怎么能提供一个特殊的displayIE的值(value)？我在网上看到了一些例子
我不明白:这真的是一个错误还是我只是遗漏了什么？我为HTML文档中的所有div设置了box-sizing:border-box(所有-moz和-webkit当然是前缀)。所以这意味着div的height总是包含它的padding。期望min-height属性的行为类似是合理的。但显然，在Firefox中它没有。我的意思是，当我有一个未设置height(即height:auto)但设置了min-height的div(例如，220px)和padding(例如，10px)，它导致div的整体高度为240px而不是Firefox中的220!不过，无论哪种方式，它在Chrome和Opera中都保
我不明白:这真的是一个错误还是我只是遗漏了什么？我为HTML文档中的所有div设置了box-sizing:border-box(所有-moz和-webkit当然是前缀)。所以这意味着div的height总是包含它的padding。期望min-height属性的行为类似是合理的。但显然，在Firefox中它没有。我的意思是，当我有一个未设置height(即height:auto)但设置了min-height的div(例如，220px)和padding(例如，10px)，它导致div的整体高度为240px而不是Firefox中的220!不过，无论哪种方式，它在Chrome和Opera中都保
