草庐IT

CELL_SIZE

全部标签

html - 是否可以在 CSS-Grid-Cell 中放置多个元素而不重叠?

我有三列和一行,我想将每个网格元素放入三个结果单元格之一。这就是我想要的,使用三个容器元素:main{display:grid;grid-template-columns:33%33%auto;grid-gap:15px;}.container{background-color:orange;}.element{transition:height0.5s;margin:15px;height:100px;background-color:grey;}.element:hover{height:200px;}我知道这可以使用三个容器,但我想避免使用任何不是真正“必要”的东西。使用多行并将

html - 在响应式设计中使用具有显示属性的 'table' 和 'table-cell'?

我正在使用display:table;在容器上和display:table-cell;在子元素上,在页面上水平突出显示一些帖子。问题是,我不知道如何让它们响应,即随着屏幕尺寸变小,每个child(即table-cell)应该按比例变小,同时继续保持水平对齐。我该怎么做?示例代码:http://www.codepen.io/anon/pen/dCLgq演示:http://codepen.io/anon/full/dCLgq 最佳答案 要随着页面缩小内部容器,您可以将容器div的宽度设置为100%:在你的例子中:#the-big-sto

html - ionic : how to change the size of FAB icon

我是跨平台开发新手。努力改变FAB的大小。这就是我现在拥有的:Start.fabStartBtn{font-size:72px;}但是大小还是一样的。如何访问按钮属性?我尝试了id、name、#name、:before-没有用。 最佳答案 进入您的theme/variables.scss文件并覆盖$fab-size变量,如下所示:$fab-size:70px;//Changevaluetowhateversizeyouwant 关于html-ionic:howtochangethesiz

php - css 中有没有办法清除所有 font-family + font-size 样式声明?

我有一个页面是cms/wysiwyg/msword噩梦。它从数据库中提取许多文本段落,其中一些保留了msword的奇怪html标签——包括字体声明!!!啊!一句话我可以有这样的东西:thisissomeuglytext!我想知道是否有一种方法可以删除所有字体系列和字体大小样式,以便它们适应主样式表css?如果可以避免的话,我宁愿不要进入大量的preg_replace条件。谢谢 最佳答案 CSS:span{font-family:initial!important;font-size:initial!important;}

html - <img> 元素并显示 :table-cell

我正在尝试替换单个水平行中的图像-作为表格行中的单元格。该布局适用于任何其他元素,但不适用于出于某种原因。检查这个:div{display:table;border:1pxsolidred;}div>img{display:table-cell;}Theseshallbereplacedinsinglerowbuttheyarenot:有什么想法吗?更新:FF遵循CSS规范并将它们替换为单行。所有其他浏览器都不是。火狐万岁! 最佳答案 编辑img是一个替换元素,它的测量计算和盒子模型是不同的。看这个ARTICLE如果您坚持使用表格并

android - java.lang.OutOfMemoryError : bitmap size exceeds VM budget - Android

我在Android上开发了一个使用大量图像的应用程序。应用运行一次,在屏幕上填充信息(Layouts、Listviews、Textviews、ImageViews等),用户阅读信息。没有动画,没有特殊效果或任何可以填满内存的东西。有时drawables可以改变。有些是android资源,有些是保存在SDCARD文件夹中的文件。然后用户退出(onDestroy方法被执行并且应用程序被VM留在内存中)然后在某个时候用户再次进入。每次用户进入应用,我可以看到内存越来越大,直到用户得到java.lang.OutOfMemoryError。那么处理许多图像的最佳/正确方法是什么?我应该把它们放在

android - java.lang.OutOfMemoryError : bitmap size exceeds VM budget - Android

我在Android上开发了一个使用大量图像的应用程序。应用运行一次,在屏幕上填充信息(Layouts、Listviews、Textviews、ImageViews等),用户阅读信息。没有动画,没有特殊效果或任何可以填满内存的东西。有时drawables可以改变。有些是android资源,有些是保存在SDCARD文件夹中的文件。然后用户退出(onDestroy方法被执行并且应用程序被VM留在内存中)然后在某个时候用户再次进入。每次用户进入应用,我可以看到内存越来越大,直到用户得到java.lang.OutOfMemoryError。那么处理许多图像的最佳/正确方法是什么?我应该把它们放在

html - IE 不着色 :before as table-cell, 为什么?

div:before{display:table-cell;content:"ABC";color:red;}123我希望这会呈现类似的内容,但我得到相反,仅当在InternetExplorer(任何版本)上运行时。这是一个错误还是我做错了什么? 最佳答案 这似乎是IE中的错误。如果您在IE11开发人员工具中检查该元素,您会看到所有:before伪元素的声明都被删除了(例如,如果您添加了font设置),但是display和content设置会影响渲染。为了避免这个错误,在这个简单的例子中按照@BeatAlex的建议设置display

html - 如何根据窗口宽度加载不同的css文件 : smaller size not recognized

如果窗口大小低于500像素,我想加载一个不同的css文件。我有但是main.css总是覆盖mobile.css,尽管窗口小于500px。怎么了?编辑:我改成了但是当我将窗口缩小到小于500px时,元素检查器显示正在加载mobile.css,但每个元素都被main.css中的规范覆盖。 最佳答案 CSS代表CASCADINGSTYLESHEETS,这意味着您应该始终将主样式表放在顶部,然后在其下方放置辅助样式表。您越确定要在文件中使用CSS而不是其他CSS文件,它应该越靠下/在其他CSS文件之后。如果次要文件中的规则与主要文件中的规则

html - 为什么后台附件: fixed make background-size:cover resize to the window proportions?

如果您想要调整大小以覆盖整个标题的标题图像,但也希望固定背景附件,则背景图像将不再覆盖包含的div,而是会尝试覆盖整个窗口。这是一个显示问题的fiddle。只需在CSS上切换第13行的命令即可。当您更改为http://jsfiddle.net/TqQv7/155/#top-left{position:absolute;top:0px;left:0px;width:50%;height:50%;background:#000url('http://placekitten.com/2000/1000')no-repeat;-moz-background-size:cover;backgro