Firefox中的CSS网格单元格宽度大于其内容
在Firefox中，CSS网格布局（CSS Grid Layout）是一种强大的布局系统，可以将网页分割成行和列，以创建复杂的网格结构。在网格布局中，单元格是网格的基本构建块，可以通过设置宽度来控制单元格的大小。
当单元格的宽度大于其内容时，网格布局会自动调整单元格的大小以适应内容。这意味着即使设置了较大的宽度，单元格也不会超出其内容的宽度。这种自适应的特性使得网格布局非常灵活，可以适应不同尺寸的内容。
优势：
- 灵活性：网格布局提供了更灵活的布局选项，可以轻松地创建复杂的网格结构，适应不同的屏幕尺寸和设备。
- 响应式设计：通过网格布局，可以轻松实现响应式设计，使网页在不同的屏幕尺寸下呈现出最佳的布局效果。
- 可读性：网格布局使得网页的结构更清晰，易于理解和维护，提高了代码的可读性和可维护性。
应用场景：
- 网页布局：网格布局适用于各种网页布局，包括主页、博客、新闻网站等。
- 图片展示：可以使用网格布局来创建图片展示页面，以便在不同尺寸的屏幕上展示不同数量和大小的图片。
- 表单布局：网格布局可以用于创建复杂的表单布局，使表单元素在不同屏幕尺寸下呈现出最佳的布局效果。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列云计算产品，包括云服务器、云数据库、云存储等，可以满足各种云计算需求。以下是一些相关产品和介绍链接地址：
- 云服务器（CVM）：腾讯云的云服务器提供高性能、可扩展的计算能力，适用于各种应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：腾讯云的云数据库MySQL版提供高可用、可扩展的数据库服务，适用于各种应用场景。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：腾讯云的云存储提供安全、可靠的对象存储服务，适用于存储和管理各种类型的数据。了解更多：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
2回答
我想用div做桌子。我以这种方式嵌套div：
<div class='table'>
<div class='row'>
<div class='cell'>
</div>
...
...
</div>
</div>
我改变每个div的宽度，而不是所有的事情都像预期的那样改变。
更改表div的宽度很好。
表宽设置为70
浏览 2提问于2015-02-17得票数 1
回答已采纳
1回答
我面临着与CSS网格布局相关的minmax()函数的一些问题。
这是我的代码：
* {
box-sizing: border-box;
}
.grid {
display: grid;
grid-template-columns: minmax(150px, 250px) 1fr 1fr;
grid-gap: 20px;
}
.grid div {
border: 1px solid rgb(0, 95, 107);
border-radius: 3px;
background: rgba(0, 95, 107, 0.8);
padding: 0.2em
浏览 6提问于2016-12-17得票数 3
我的网站在其他浏览器上运行良好，以前在Safari中也可以正常工作，但我只是注意到导航元素现在向上移动了。有没有人能推荐一下css需要修改的地方？谢谢!
我通常使用带有firebug的firefox，但我不知道如何使用Safari中的开发工具来测试css更改，所以我在这里追赶我的尾巴……
浏览 0提问于2013-07-13得票数 0
回答已采纳
2回答
我有一个有三个细胞的桌子，其宽度分别为30%、40%和30%。该表本身的宽度为其容器的25%，可从1024 to到400 to不等。
第一个单元格是一个显示图库的按钮。在( td)上，它的文本更改为"<"，(通过jquery)。
问题是，当表被压缩(即容器小于600 an )，而我悬停在图片库按钮上时，单元格的宽度会发生变化(因为它的html现在只是一个"<")。这导致鼠标覆盖区域被推开，单元在悬停状态之间快速地来回切换。
定义了单元格的宽度，没有填充或边距，溢出:隐藏是打开的。
有人想办法解决这个问题吗？我的第三个手机也有同样的问题。
这种情况只发
浏览 3提问于2013-05-10得票数 0
1回答
当我在div中有一个表时，如果表的宽度大于div，表将自动调整其所有单元格的大小以匹配，即使单元格具有显式设置的宽度。
我要演示这个。注意，表格单元格有一个在CSS中定义的900 to宽度，但该表仍然缩小它们以适应其父单元格的宽度。
但我想要的效果是，让表的宽度仅取决于表单元格的宽度(同时有一个最小宽度来填充父单元格)，但仍然包含在具有overflow: scroll的父表中，这样表就会溢出，用户可以滚动。
因此，简而言之:容器有固定的宽度，表的动态宽度取决于表单元格的宽度。
浏览 2提问于2014-01-28得票数 1
回答已采纳
3回答
如何使每个正方形大小相同？
x-
我正在使用柔性盒创建网格布局。大多数网格单元格没有内容，有些网格单元格确实有内容。当一个单元格有内容时，它会抛出所有内容。如何确保所有单元格都是均匀的，而不管内容如何？
HTML
我有三排，每一排都有三个细胞。只有中间单元格的中行包含子单元格。
<div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div&g
浏览 0提问于2015-08-09得票数 30
回答已采纳
我有一个包含datagridview的表单。datagridview中的单元格根据文本宽度展开或收缩。
如何使停靠数据网格的父窗体也缩小或扩展到单元格(所有单元格的总和)的宽度？
因此，我希望父窗体更改行(宽度)大小，而不是列(高度)大小？
即时通信使用vb.net
浏览 0提问于2013-09-05得票数 0
如何使用CSS格式化表，以便：
该表位于浏览器的水平滚动条不显示的屏幕内，用户不需要水平滚动就可以看到表的右侧；
单元格使用必要的宽度，即包含只有"1“、"21”等数字的单元格的列将不会使用比所需宽得多的宽度来显示列中所有单元格中的所有数字，例如4个字符宽度，即使用远远超过它意味着浪费水平空间的宽度；
对于包含非常宽单元格的列，或者更准确地说，如果允许的话，将占用较大宽度的内容，请尽可能多地使用宽度，以便不违反1)和2)，如果不能显示单元格的全部内容，则让该单元格显示水平滚动条。
在Windows和Mac上的最新Firefox和Google chrome的C
浏览 0提问于2012-08-15得票数 0
回答已采纳
我有一个HTML表，其中每个单元格都包含大量数据。我希望每个单元格都可以单独滚动(有点像"panes")，所以我创建了一个包含overflow:scroll属性的CSS类。但是，每次使用CSS类时，宽度并不相同。这导致了单元格填充问题。当在外部样式表中定义宽度时(这对我不起作用，因为我需要能够设置不同的宽度)，“窗格”填充整个单元格，但当我在单元格级定义它时，单元格中的“窗格”周围有填充。
下面是类的定义：
.imitationPane{
display: block;
border-width: 1px;
border-style: solid;
浏览 0提问于2010-01-21得票数 1
回答已采纳
我有一个aspx.net网格控件，并且我正在尝试将该网格控件的第一行信息复制到另一个表java脚本中。我使用下面的代码解析网格控件的第一行，从而获得每个单元格的宽度：
gridCtrl.rows.cellsx.clientWidth
其中x是从1到最后一个单元格
但有些宽度与Firefox的布局宽度显示的宽度不匹配。
我试着调试Firefox调试器，并研究了所有的属性，看看我是否混合了匹配边距、填充、宽度等，以获得由Firefox的布局宽度显示的宽度。但到目前为止还没什么好结果。
我想知道这个领域的任何专家都能提供一些帮助。
我正在寻找类似于Firefox调试器提供的布局信息的内容。我想得到个
浏览 0提问于2014-07-07得票数 0
我想让一个图像填充网格行中的一个单元格。我希望使用CSS background-size: cover属性来允许它按比例填充单元格。
例如：
<div class='row'>
<div class='medium-6 columns'>
<div style='
background: url("/img/picture.jpg");
background-position: center top;
background-repeat:
浏览 0提问于2014-11-18得票数 0
1回答
我在使用internet explorer 8渲染ASP.NET网格视图时遇到了问题。它在其他浏览器中工作得很好，但是IE给我带来了问题。
当用户点击编辑按钮时，它将显示一个保存/取消按钮，但它们似乎不会放在IE的同一行中。在其他浏览器中，它会减小单元格的大小，并适当地平铺按钮。
在IE8中看起来是这样的：
这是它应该看起来的样子(来自Opera)：
生成网格视图的代码可以在中找到。
网格视图样式的css可以在中找到。
我还执行了一个css重置，所以我不太确定为什么会有这个问题，因为我应该注意默认值，我还使用了XHTML1.0严格的doctype，这应该会迫使IE进入稍微更标准化的
浏览 1提问于2012-09-21得票数 0
回答已采纳
1回答
在我的html页面中，我包含了一个图像，如下所示
<img src="http://i44.tinypic.com/w2o9kh.png" border="0" alt="Image by TinyPic">
我通过以下方式从外部css设置它的样式
img {width:2em;height:2em; }
然而，我注意到，当同一图像在一个页面中被多次使用时，图像质量会下降。比较火狐中的和。在第一个版本中，笑脸的质量更差。
有没有关于为什么会发生这种情况以及如何保持质量的见解？
附注:我已经检查过，即使图像位于不同的div容器中，也会发
浏览 4提问于2013-06-29得票数 3
回答已采纳
2回答
我有下表：
<table>
<tbody>
<tr>
<td colspan="2">
<a href="#"><img src="http://www.sherv.net/cm/emoticons/cats/cat-headphones-smiley-emoticon.gif" /></a>
<a href="#"&g
浏览 5提问于2014-01-05得票数 0
回答已采纳
HTML
<div class="circle">
<div class="content">
<span><h3>heading</h3><p>slogan goes here</p></span>
</div>
</div>
CSS
.circle {
position: relative;
width: 0;
height: 0;
padding: 20%;
margin: 1em auto;
浏览 0提问于2013-08-09得票数 2
回答已采纳
2回答
我有两个并排的网格列。我希望网格是它的容器的宽度。在这个空间内，我希望确保尽可能多地显示每个列的内容。
我做了这个演示，网格宽为300 of，这两列是内容可编辑的，因此您可以键入以更改内容长度(因此，min-content和max-content的值也会随着键入而改变)。
我正在使用grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr);，这是我最好的尝试来实现我想要的，但仍然是不够的。
html, body {
width: 300px;
}
html * {
border: 1px so
浏览 8提问于2021-09-09得票数 1
回答已采纳
1回答
我需要向ExtJS网格添加单元格边框，下面是我所做的:我将这个添加到网格中：
viewConfig:
{
stripeRows: false,
getRowClass : function(record, index) {
return "grid-row"
}
},
然后我加入了这个css样式：
.grid-row td{
line-height:22px;
font-size: 13px;
border: solid gray 1px;
}
我的边框工作得很
浏览 0提问于2016-06-30得票数 0
1回答
我正在编写一个应用程序，根据输入的不同，生成的dgrid可能有不同数量的列/列宽度。注意以下两个截图。第一个字段只有几个选择字段，单元格/数据水平地呈现得很好。第二个查询有许多选择字段，正如您可以看到的那样，当它试图将所有单元格放在一个混乱的数据屏幕中时，呈现的方式是不可取的。注意，dgrid也位于dijit BorderContainer中。
屏幕截图1(小选择字段集，呈现确定)
截图2(大型SELECT字段集，呈现不理想的
这里将有许多问题要处理，但我想我的主要问题是：
是否有css规则(或任何其他方式- dgrid函数/事件？)我可以指定单元格扩展到使用它内数据的全部宽度
浏览 3提问于2015-04-08得票数 1
回答已采纳
4回答
我有一个有大约20列和1000行的网格视图。网格被放置在<div>标签下。由于如此大的图形，div显示垂直滚动条，这很好，但它不显示水平滚动条。
为div编写的css是as；
.divCSS{
display:block;
position:relative;
width: auto;
height: 5em;
margin:0;
padding:5px;
background:inherit;
color:inherit;
overflow:auto;
}
完整的<div>代码如下；
<div id="divGrid" align="le
浏览 4提问于2011-09-08得票数 1
回答已采纳
最近，我偶然发现了Nikhil Krishnan制作的这支漂亮的钢笔：
如你所见，固定的头表是用一个很好的CSS样式实现的，而且不涉及JS：
// '.tbl-content' consumed little space for vertical scrollbar, scrollbar width depend on browser/os/platfrom. Here calculate the scollbar width .
$(window).on("load resize ", function() {
var scrollWidth = $(&
浏览 20提问于2016-08-18得票数 2
1回答
我已经构建了一个动态大小的网格布局，可以在任何大小的分辨率(电话、平板电脑、桌面)中合理地适应，并处理调整大小，同时接近像素-完美(对不起，我是强迫症-我说“接近”，因为我的数学现在是坏的，你不能在一个奇怪大小的容器内容纳两个大小均匀的元素，而不在一侧填充1倍)。
不管怎么说，下面是我和JavaScript一起黑的链接。这是我想要成功的一个例子。调整底部窗格的宽度，看看我要做什么。
它有一些丑陋的手动JavaScript，后来被移植到了角，但是计算所有样式的丑陋的JavaScript仍然存在。
所以我的问题..。我能用严格的CSS来完成这个任务吗？或者更多的CSS和更少的JavaScript
浏览 3提问于2013-03-27得票数 2
回答已采纳
我的TextBox有一个自定义的错误模板。如下所示：
<Style TargetType="{x:Type TextBox}" x:Key="ErrorTemplateStyle">
<Setter Property="Validation.ErrorTemplate">
<Setter.Value>
<ControlTemplate>
<StackPanel Orientation="Vertical&#
浏览 5提问于2009-07-14得票数 2
我试图在动态宽度表单元格(显示:表单元格)中具有水平滚动(从左到右) DIV。滚动DIV应该被允许占据包含元素的100%，而不会导致它超过所有祖先的宽度。对于这个问题，我更希望有一个纯标记/CSS修复，而不需要JavaScript或静态宽度。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<st
浏览 1提问于2014-04-17得票数 1
回答已采纳
我试图在同一个表格单元格中对齐两个ASPx元素。以下是我的aspx代码：
<table>
<tr>
<td>Select customer:</td>
<td style="white-space:nowrap;">
<dx:ASPxTextBox ID="txtCust" runat="server" Width="220px" Height="46px"
浏览 3提问于2014-12-07得票数 1
回答已采纳
1回答
我有一个带有菜单顶部、左侧网格和中心图像的borderPane，我希望图像具有与边框中心相同的大小，因为现在图像经过了我的网格。
我试过这个：
imageView.fitWidthProperty().bind(box.widthProperty());
其中imageView是我的图像的名称，box是BorderPane object.Thank you。
浏览 1提问于2013-04-11得票数 5
回答已采纳
1回答
我在dojo应用程序中实现了一个dgrid，但是由于某些原因，在应用于.dgrid-cell类时，网格似乎忽略了white-space:nowrap;属性的分配。我的目标是使dgrid的单元格宽度永远不会低于单元格标题中的内容。但实际行为是，如果行中的单元格太多，无法完全容纳它们，它们的宽度都会相等地减小。
我尝试了下面的声明，具有不同的特异性和！重要性等：
th.dgrid-cell {
white-space:nowrap;
}
我甚至尝试将其应用于所有单元格，如下所示：
.dgrid-cell {
white-space:nowrap;
}
但这个属性似乎就是被忽略了。请
浏览 0提问于2015-11-16得票数 0
我正在布置一张桌子(是的，用于表格数据！)我不知道表格单元格的宽度是如何确定的。对于一个宽度为100%的<table>和两个空的<td>单元，每个单元将占用一半的空间。一旦在<td>中添加了不同的元素，情况就会发生变化。然而，<td>s的子元素的宽度都是100%。我不认为这会改变单元格的宽度，但它确实改变了。
例如，以下代码中的两个单元格具有不同的宽度：
<table>
<tbody>
<tr>
<td>
<div
浏览 3提问于2014-04-02得票数 0
回答已采纳
SVG占CSS-Grid单元格的100% (带间隙:0px)
但是(仅在火狐！！中)有时会显示一个空白：
不需要的“差距”显示网格背景。(网格上有一个空白:0px！)
设置shape-rendering:crispEdges使它成为一个更大的差距。
设置固定整数网格宽度(列* N)像素“修复”不必要的间隙
(但我不能使用，我有不同的网格大小，并使用可用的viewPort整个网格)
在所有网格单元格上设置背景色，而不是是否显示这条空白线。
每个SVG中有一个额外的<rect width='100%' wheigh
浏览 1提问于2020-11-05得票数 3
回答已采纳
2回答
所以我必须要有相同的页面。每个页面都以表格的形式显示一些文章。表格布局和CSS是相同的。然而，一个页面列出了数百篇归档文章，在加载了大约80%后，包含所有文本的表格单元格缩小到实际行宽的30%左右。
但是，在布局、属性、CSS上没有什么不同。包含正在收缩的单元格的行的宽度是正确的。奇怪的是，即使我在有问题的单元格上设置了“width=”100%，它仍然比行宽少了大约20%。
有什么想法和建议吗？
注意:我删除了文本，只保留了实际的布局和单元格/表格/行属性。正确的页面：
<tr>
<td>
<table width="100%" cellp
浏览 0提问于2010-11-23得票数 0
回答已采纳
我希望通过以下代码在C#中的网格视图中显示数据库数据：
public void Selectalbums()
{
string QuerySelect = "select * from albums_tbl ";
SQLiteCommand cmd = new SQLiteCommand(QuerySelect, cn );
SQLiteDataAdapter da = new SQLiteDataAdapter(cmd);
DataTable dt = new D
浏览 4提问于2015-09-02得票数 1
回答已采纳
3回答
我需要在浏览器中显示和操作最多包含10,000个简单单元格的网格(例如，100 x 100)。这些单元格基本上只是一个带颜色的矩形。操作包括使用Javascript更改单元格的颜色，处理每个单元格的单击，等等。使用每个单元格1个div，并使用1个div将单元格组包装成一行，我可以得到基本上10,000个DOM元素，但这仍然是相当多的。我甚至担心更快的DOM函数的性能，比如getElementById。
最初的问题:如果我将所有必要的DOM元素引用存储在一个Javascript数组中(例如，一个10,000个元素的数组，每个单元格一个元素)，并在每个元素的基础上操作CSS，这会像DOM有200-
浏览 0提问于2010-02-19得票数 2
1回答
我创建了一个css (尝试调整浏览器窗口的大小:您将看到框的高度按照大小调整)：
<div id="container">
<div id="absolutly">
<a href="/" id="footer-logo">
<img title="caneppele" alt="caneppele" src="http://oi59.tinypic.com/20shvh4.jpg" />
浏览 1提问于2014-07-02得票数 0
回答已采纳
3回答
我有以下基本代码：
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
text here
</div>
</div>
</div>
</div>
根据，使用类container将在px
浏览 7提问于2016-01-26得票数 0
回答已采纳
我有一个，它的列分隔符在Internet Explorer8中看不到(白色，因为那个单元格没有值)，但在firefox中相同的网格显示了一个很好的。有没有人知道一个修复方法，可以让网格在IE中显示列边框，即使没有值存在？
Internet Explorer 8的屏幕截图
Firefox 16.0.2的屏幕截图
浏览 0提问于2012-12-10得票数 2
回答已采纳
2回答
我试图创建一个流畅的CSS网格，它在火狐和IE8+中工作，但在Safari/Chrome/Opera中不起作用，在那里亚像素的四舍五入问题变得可见：
.column {
float: left;
width: 25%;
}
主容器的宽度为100%，如果在Safari/Chrome/Opera中更改浏览器大小，则可以看到圆角宽度是如何不一致的。
在深入阅读了这个问题之后，我明白了亚像素的四舍五入“没有正确或错误的解决方案”，但是Firefox的方式对我来说似乎是最好的妥协。(例如，如果我将4个div设置为25%的宽度，则期望覆盖区域为100%。)
我想知道是否有一个CSS唯一的解决方案
浏览 4提问于2012-03-09得票数 9
回答已采纳
在每行的第一个单元格中，我有一个具有垂直对齐文本的标头单元格。
它以普通HTML + CSS的形式显示。但是，当使用Bootstrap 4表时，如果单元格的一个内容增长而表行高度增加，则垂直标题文本将向右移动，向其他单元格移动，重叠内容。如果不使用Bootstrap，则不会发生这种情况。
<table class="table table-borderless" id="grid">
<tbody>
<tr class="border-0">
<td class="ve
浏览 1提问于2020-11-17得票数 0
回答已采纳
2回答
我花了大量的时间和精力来玩弄和研究这一点，但我想不出如何在HTML中将列标题与可滚动的表体完美地对齐。还有其他的解决方案和技术发布在这里和网络上的随机位置，但它们都产生了不一致的结果，特别是在随机数据量的情况下。
这是。
请注意，我应用了自定义CSS，但也应用了Bootstrap的CSS。请展开结果面板，使其足够大，使HTML标头不会换行。
总结一下HTML，有两个表-一个用于列标题，一个用于数据单元格。每个单元格都包装在一个<div>中，允许单元格滚动并设置列的宽度。
.grid-container .column-wrapper {
width: calc(100% -
浏览 3提问于2014-06-19得票数 3
1回答
我在我的5号角项目中使用了ag网格。我正在尝试向单元格中添加css类。在查阅了关于ag-grid单元格样式的大量文档之后，我尝试使用cellClass和cellClassRules。
这些样式是在scss文件中定义的，例如：
.readonly-cell{ background-color: #cccccc; }
然后将scss文件包含在组件中：
@Component({
selector: 'app-volume',
templateUrl: './volume.component.html',
styleUrls: ['./volume.
浏览 1提问于2018-07-04得票数 2
回答已采纳
我查看了文档，但没有找到这样的属性。我想使用css网格使一列中的所有单元格适合其内容宽度。
对于第一种情况，我应该对容器应用此属性：grid-template-columns: auto auto;
但是对于第二种情况，我应该怎么做呢？
浏览 1提问于2017-11-08得票数 48
我有一个弹性容器，有两个孩子。
其中一个设置为flex-grow: 1，以尽可能占用空间。另一个子程序将不适合它的内容(我已经尝试过flex-shrink: 0)，内容是一个CSS网格。
如何使两个孩子都有他们各自内容的最小宽度，同时保持当前结构中一个孩子尽可能多的宽度？
浏览 1提问于2018-04-22得票数 1
回答已采纳
我有一个奇怪的问题，在Chrome/Safari中，图像在没有设置宽度/高度的父级中遵守最大宽度/高度样式。但不是在Firefox/Opera中。
<div id="container">
<figure>
<img src="http://imaging.nikon.com/lineup/dslr/d90/img/sample/pic_001b.jpg">
</figure>
</div>
这就是图像，它是容器。CSS如下：
body {
width: 100%
浏览 10提问于2014-03-11得票数 1
1回答
我想在滚动器内部显示一个滚动查看器。父滚动查看器应垂直工作，子滚动查看器应同时工作水平和垂直工作。
我试图在父滚动查看器中添加整个网格，当我调整页面大小时，父滚动查看器不工作，而子滚动查看器是水平工作，而不是垂直工作。
<Grid>
<VisualStateManager> ...
<ScrollViewer >
<Grid HorizontalAlignment="Stretch" Height="1000" Margin="0,0,0,0" VerticalAlignm
浏览 0提问于2019-08-02得票数 2
回答已采纳
2回答
我希望防止用户从网格单元格中复制数据。
我用css
td.dxgv
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-user-select: none;
}
这在Google Chrome，Moz FireFox，Opera中很好，但是在IE中不行。
我希望用户不能像图片上那样选择整个网格。
我写的css不是只在IE中工作的
浏览 0提问于2012-08-06得票数 1
回答已采纳
我正在设计由几个div组成的网站布局。整个站点都在容器中。标志下的一切都是构造，然后我有内容，这是包装在内容包装。Content-wrapper有两个子组件:侧栏-包装器和主包装器。我想在main-wrapper中设计一些东西，但它在firefox中不能正确显示。main和sidebar都设置为显示表格单元格，但是如果我在main-wrapper的右侧添加img，那么main-wrapper的宽度会发生变化，并且比父div (内容包装器)要宽一点。在firefox和IE中也会发生这种情况(chrome运行得很好)。以下是在firefox和chrome中使用dev-tools拍摄的一些图像。
C
浏览 0提问于2013-06-23得票数 3
回答已采纳
2回答
这个问题来自，我提供了一个解决方案，但无法解释为什么。
我已经把他们的小提琴剥得一干二净，有了下面的HTML / CSS：
<div class="table">
<span class="cell-1">cell 1</span>
<span class="cell-2">cell 2</span>
</div>
.table {
display: table;
}
.cell-1, .cell-2 {
display: table-cell;
pa
浏览 3提问于2014-01-15得票数 10
回答已采纳
2回答
引导网格给出了黑线
、、、
我刚开始用靴带。根据我所读到的，这段代码的执行应该没有任何问题：
<div class="container">
<div class="row">
<div id="page" class="col-sm-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2 ">
<div id="header"></div>
<div
浏览 3提问于2015-10-04得票数 0
回答已采纳
这里有一个代码库，它说明了我所面临的问题：
我将排序指示符作为psuedo元素添加到内联块元素的网格中，我使用的是:后置psuedo元素。问题是，模板有时会在单元格内容中有注释或空格，当: psuedo元素被浮动到单元格的右边时，会导致psuedo元素中断到一个新的行。
单元格的宽度是通过角指令生成的，因此在CSS中设置它不是一个选项。
.cell {
border: 1px solid red;
display: inline-block;
}
.cell:after {
content: ">";
display: block;
float: r
浏览 1提问于2014-02-12得票数 0
回答已采纳
我想要创建一个带有灵活列的网页布局，它可以被限制到特定的最大宽度。例如，一个侧边栏菜单占用了30%的可用水平空间，但不应该超过200‘t。
使用CSS flexbox，我将使用这样的解决方案：
.flexbox-layout {
display: flex;
}
.flexbox-sidebar {
flex: 1 1 30%;
max-width: 200px;
background-color: lightblue;
}
.flexbox-content {
flex: 1 1 70%;
background-color: lightgreen;
}
<p
浏览 1提问于2017-11-21得票数 6
类似于的一个类似的问题--除了我想问的是:除了使用 而不是空间之外，还有不同的方法来实现这一点吗？基本上，我希望增加表格数据单元格中的文本内容，以保持单元格高度不变，而不是增加单元格宽度。
下面是一个最小的HTML示例，它在更改浏览器(Firefox 43)宽度时的行为如下：
如您所见，不管CSS中的height/max-height规范如何，表td字段都会增加它们的高度，同时减小宽度。
我想要做的是，在这种情况下，td单元格的指定高度--以及相应的宽度--在浏览器宽度变化时保持不变，而更改的是底部滚动条。
我是否可以用CSS，甚至JS来实现这一点？
在回答的问题
浏览 2提问于2016-04-21得票数 4
我正在使用960网格系统创建一个站点(www.960.gs)。
我有一个9列宽的div (grid_9)，里面有两个div (grid_5和grid_4)。
这意味着产生一个大的外部div，其中有两个内部div并排坐在里面。
但是，在IE6中查看时，它显示为一个较大的div，带有两个内部div，一个位于另一个的下方。
在Firefox中，div彼此相邻，同样的设置在站点的其他部分也可以正常工作。
怎么一回事？我算不出来。
下面是html：
<div class="ContentWrapper grid_9 alpha omega">
<div
浏览 1提问于2009-07-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
