草庐IT

css-flexbox

全部标签

html - 何时直接在 HTML 而非 CSS 中设置样式

我曾尝试搜索与此相关的主题,但我没有找到任何主题,所以我想我会继续。我的问题是什么时候(如果有的话)直接将样式直接放在HTML文件中而不是使用.css文件是正确的。我的意思是,我知道当您有很多东西需要重复或在多个页面上使用时,使用.css文件非常有用。但就我而言,我有一个页面,我将在其中设置样式,我很确定只会出现在该页面上。这是一个div的宽度、高度和小东西。为了向您展示我的意思,这里是代码:BrugernavnGlemtditbrugernavn?PasswordGlemtditpassword?因此,如您所见,在某些div中,我直接设置了样式,而不是为我的类起一个名字并放在那里。我

html - 何时直接在 HTML 而非 CSS 中设置样式

我曾尝试搜索与此相关的主题,但我没有找到任何主题,所以我想我会继续。我的问题是什么时候(如果有的话)直接将样式直接放在HTML文件中而不是使用.css文件是正确的。我的意思是,我知道当您有很多东西需要重复或在多个页面上使用时,使用.css文件非常有用。但就我而言,我有一个页面,我将在其中设置样式,我很确定只会出现在该页面上。这是一个div的宽度、高度和小东西。为了向您展示我的意思,这里是代码:BrugernavnGlemtditbrugernavn?PasswordGlemtditpassword?因此,如您所见,在某些div中,我直接设置了样式,而不是为我的类起一个名字并放在那里。我

css - 如何将两个相同大小的 Canvas 堆叠在一起?

下面是文件代码。我想要Canvas下面的movementCanvas。Yourbrowserdoesn'tsupportcanvas!第二个问题。在更高的层次上,我试图隐藏下面的Canvas。movementCanvas是一个颜色编码的map,我将在其中查找单击时的值,访问像素的唯一方法是使用HTML5Canvas和上下文。顶部的“Canvas”是前端,应该看起来不错。这听起来像是一种明智的做法吗? 最佳答案 使用CSS的position:absolute。将以下CSS添加到您的页面:canvas{position:absolute

css - 如何将两个相同大小的 Canvas 堆叠在一起?

下面是文件代码。我想要Canvas下面的movementCanvas。Yourbrowserdoesn'tsupportcanvas!第二个问题。在更高的层次上,我试图隐藏下面的Canvas。movementCanvas是一个颜色编码的map,我将在其中查找单击时的值,访问像素的唯一方法是使用HTML5Canvas和上下文。顶部的“Canvas”是前端,应该看起来不错。这听起来像是一种明智的做法吗? 最佳答案 使用CSS的position:absolute。将以下CSS添加到您的页面:canvas{position:absolute

layout - CSS3 : Floating first div between second and third

应该是一个简单的解决方案:我有以下顺序的div:我必须按此顺序排列它们。使用float,我怎样才能让第一个div("middle")落在第二个div之间。每个div都有一个设置的高度和一个设置的宽度(以px为单位)。我试过在中间做float:left;:[[middle]right][left]然后float:right;在顶部集群上:[left[[middle]right]]]但它显示为[middle][left][right]有什么帮助吗?编辑:这是当前来源:http://pastebin.com/sjiw9PLnhttp://pastebin.com/NMsWk1nZ

layout - CSS3 : Floating first div between second and third

应该是一个简单的解决方案:我有以下顺序的div:我必须按此顺序排列它们。使用float,我怎样才能让第一个div("middle")落在第二个div之间。每个div都有一个设置的高度和一个设置的宽度(以px为单位)。我试过在中间做float:left;:[[middle]right][left]然后float:right;在顶部集群上:[left[[middle]right]]]但它显示为[middle][left][right]有什么帮助吗?编辑:这是当前来源:http://pastebin.com/sjiw9PLnhttp://pastebin.com/NMsWk1nZ

html - CSS 填充顶部 : 100% uses width of parent?

我对这个发现有点迷茫,无法向自己解释这背后的原因。附件fiddle显示两个DIV,一个嵌套在另一个中。外部DIV具有设置的高度和宽度以及相对位置。内部DIV也有一个设置的高度和宽度。除此之外,它的顶部、右侧和底部填充设置为100%。\据我了解,填充将基于父级的高度和宽度派生。但是,结果显示所有填充(顶部、右侧和底部)仅引用父级的宽度。似乎所有浏览器都呈现相同的结果。因此,它必须是某些标准的一部分。我的问题是,为什么要以这种方式实现,以及是否有一种方法可以让我在顶部和底部填充时引用父级的高度而不是父级的宽度。 最佳答案 是的,关于pa

html - CSS 填充顶部 : 100% uses width of parent?

我对这个发现有点迷茫,无法向自己解释这背后的原因。附件fiddle显示两个DIV,一个嵌套在另一个中。外部DIV具有设置的高度和宽度以及相对位置。内部DIV也有一个设置的高度和宽度。除此之外,它的顶部、右侧和底部填充设置为100%。\据我了解,填充将基于父级的高度和宽度派生。但是,结果显示所有填充(顶部、右侧和底部)仅引用父级的宽度。似乎所有浏览器都呈现相同的结果。因此,它必须是某些标准的一部分。我的问题是,为什么要以这种方式实现,以及是否有一种方法可以让我在顶部和底部填充时引用父级的高度而不是父级的宽度。 最佳答案 是的,关于pa

css - 更改 span 类的默认 Twitter Bootstrap 边距 20px

我用TextTextText在特殊宽度的div#windows中。我想减少这三个block之间默认的20px空间。这些CSS代码#windows.span4{margin-right:-10px;}在block之间设置适当的间距,但每个block保持相同的宽度,因此总宽度小于父div的100%(有一个正确的空间)。我可以通过使用!important更改block的宽度来修复它。所以解决方法是#windows.span4{margin-right:-10px;width:180px!important;}接下来的问题是:如果我必须如此努力地修复它,那么在我的窗口中使用TwitterBoo

css - 更改 span 类的默认 Twitter Bootstrap 边距 20px

我用TextTextText在特殊宽度的div#windows中。我想减少这三个block之间默认的20px空间。这些CSS代码#windows.span4{margin-right:-10px;}在block之间设置适当的间距,但每个block保持相同的宽度,因此总宽度小于父div的100%(有一个正确的空间)。我可以通过使用!important更改block的宽度来修复它。所以解决方法是#windows.span4{margin-right:-10px;width:180px!important;}接下来的问题是:如果我必须如此努力地修复它,那么在我的窗口中使用TwitterBoo