草庐IT

html - Angular Material : How to change top padding of mat-grid-tile

我正在使用angular-materialAngular为5.mat-grid-tile有它自己的顶部填充,使用calc方法计算。我想在mat-grid-tile上设置自定义填充。我该怎么做? 最佳答案 网格图block组件会在元素本身上动态设置顶部内边距,因此您需要在CSS中使用!important修饰符来覆盖它。HTML:CSS:.my-grid-tile{padding-top:24px!important;} 关于html-AngularMaterial:Howtochanget

html - ionic 2 : Hide scroll-bar and keep scrolling

我只想在需要滚动的页面中隐藏滚动条。我正在使用Ionic2我的不工作解决方案:.scroll-content-bar{overflow:hidden;}此解决方案隐藏滚动条但使屏幕不可滚动。 最佳答案 首先,改变浏览器的自然行为和预期的用户体验是一个冒险的举动。但是,如果您仍然真的想要,我认为您最好的选择是伪造它。在这种情况下,将width设置为0应该就足够了,但我还将背景颜色更改为完全透明。div{background:gray;height:200px;overflow-y:scroll;}p{border-bottom:1px

html - 为什么页面宽度会影响 Firefox 中的 "margin-top:50%"?

在这个JSFiddle中http://jsfiddle.net/9UMRk/div的margin-top为50%。我希望将其调整为页面高度。但是,如果您在Firefox(3和4)中调整窗口大小,您会看到div的垂直定位受页面宽度影响,但不受页面高度影响。为什么? 最佳答案 这看起来确实违反直觉,但实际上符合边距的盒模型,即intheCSSlevel2.1spec:Thepercentageiscalculatedwithrespecttothewidthofthegeneratedbox'scontainingblock.Notet

javascript - top = $this.css ("top") 返回对象与元素值

我有一个HTML对象:1:1但出于某种原因...当我通过以下代码在jQuery中访问它的top属性时:$tile=$('[data-x=1][data-y=1]');top=parseInt($tile.css("top"));然后使用以下命令打印它:console.log(top);它在浏览器中给了我这个:Window {postMessage:ƒ,blur:ƒ,focus:ƒ,close:ƒ,parent:Window, …}我对此感到很困惑,我什至将声明的其余部分-$img.height()剥离到top因为它被用在另一个元素上稍后在编码解决方案中。我希望它返回32px,得到解析并

html - 溢出(滚动)以使用负 `left` 和 `top` 定位元素

允许可滚动溢出的元素从左侧和顶部负向定位的解决方法是什么?赞hereinexample(jsFiddle),只有3个红色方block可见,并且未切换滚动。虽然有6个正方形,但其中3个位于顶部的负方向。 最佳答案 我能想到的唯一方法是将正方形包裹在一个与它们高度相同的div中,并使用JQuery的scrollTop()方法:http://www.w3schools.com/jquery/css_scrolltop.asp但这也会在包装器div下面强制设置一个水平滚动条...简短的回答:没有纯CSS解决方案,并且定位它们绝对避免了此解决

javascript - 未捕获的类型错误 : Cannot read property "top" of null

我遇到了一个非常烦人的javascript错误。世界著名:uncaughtTypeError:Cannotreadproperty"top"ofnull代码如下:$(function(){varsetTitle=function(title,href){title='Derp:'+title;href=href||'';history.pushState({id:href},title,href.replace('#','/'));document.title=title;},scroll=function(url,speed){varhref=typeofurl=='string'?

html - CSS 位置 :fixed without top gives unexpected layout?

给定:FixeddivNon-fixeddivNon-fixeddivNon-fixeddiv和:*{box-sizing:border-box;}body{margin:0;padding:0;}#fixed{position:static;width:100%;border:3pxsolid#f00;}#nonfixed{margin-top:50px;border:3pxsolid#00f;}注意position:static,这给出了预期的结果(fiddle):但是,将position:static更改为fixed,您会得到这个(fiddle)即使#fixeddiv不在#non

html - 是否可以检测图像是否已通过 img src ="... vs address bar/"作为文档加载”?

是否可以通过以下方式检测图像是否已加载:与地址栏中的或直接链接到:Image谢谢。 最佳答案 不,一般情况下不是。浏览器将为两者发出完全相同的请求。当浏览器解析HTML(首先得到)时,将单独请求每个额外的资源(JavaScript、CSS、图像和其他链接文件)。浏览器不会添加有关从何处获取引用的信息-因此无法根据请求判断它是直接在地址栏上还是来自HTML页面上的引用。您可以查询日志以查看请求是否完全独立,或者对HTML页面(以及可能的其他资源)的请求是否已在大约同一时间完成。这并非万无一失(想想我们在网络上拥有的多级缓存)。

html - 如何对齐 "top right"中的文本?

我有下表。CarName:“汽车名称:”列右对齐,但位于中间。有没有办法将该列与右上角对齐? 最佳答案 CarName: 关于html-如何对齐"topright"中的文本?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/6817751/

html - 在桌面上 Bootstrap navbar-fixed-bottom,在移动设备上 Bootstrap navbar-static-top?

有没有办法让Bootstrap导航栏在移动设备上保持navbar-fixed-bottom,在桌面上保持navbar-static-top?我正在考虑创建两个导航栏并隐藏一个并显示另一个,但我不确定这是否合适;在相关说明中,可以使用两个具有相同角色的导航元素吗? 最佳答案 您还可以通过使用javascriptjquery根据屏幕宽度添加和删除导航栏的类来执行此操作。if($(window).width()>330){$('.navbar').addClass('navbar-static-top');}else{$('.navbar