草庐IT

css-calc

全部标签

html - CSS - 使用 calc 使页面右侧有额外空间

如何去掉右边多余的空间?我试过只float,使用内联、inline-block,并使用margin-left而不是.left中的偏移量。我进行了故障排除,发现是这个html(.content-list{left:calc(50%+85px);};)导致了问题。但我不知道如何修复它。HTMLEditAccountSomethingElseAustinPerezSomewhere,UnitedStatesWebsiteCSS.page-container{padding-top:62px;position:relative;}.profile-banner{@includetransiti

html - 使 div CSS "display: table-cell"仅与 div 中的文本一样宽

我问这个SOquestion昨天让省略号在我的测试表单中起作用。但是,我现在有另一个我无法解决的问题,它与我给出的答案有关。当我在小预览中显示用户数据时,省略号生效并显示给用户。这是通过在HTML中使用display:table-cell来完成的。如下图:当用户在更大的模态窗口中查看相同代码时,省略号不再有效,因为有空间显示用户数据。然而,这使得Datadicompletamento(resumeStyleFinishDateLabel25)太宽了,如下所示:如何更改CSS以便Datadicompletamento的div仅与文本一样宽Datadicompletamento并位于开始日

html - 使 div CSS "display: table-cell"仅与 div 中的文本一样宽

我问这个SOquestion昨天让省略号在我的测试表单中起作用。但是,我现在有另一个我无法解决的问题,它与我给出的答案有关。当我在小预览中显示用户数据时,省略号生效并显示给用户。这是通过在HTML中使用display:table-cell来完成的。如下图:当用户在更大的模态窗口中查看相同代码时,省略号不再有效,因为有空间显示用户数据。然而,这使得Datadicompletamento(resumeStyleFinishDateLabel25)太宽了,如下所示:如何更改CSS以便Datadicompletamento的div仅与文本一样宽Datadicompletamento并位于开始日

javascript - 如何通过 CSS 或 Javascript 默认浏览器 'Reader View' 模式?

所有现代网络浏览器现在都提供“阅读器View”模式。是否可以通过CSS和/或Javascript告诉浏览器在屏幕宽度不超过480像素的移动设备上自动使用“阅读器View”版本?我只是不想创建网站的移动版本,因为“阅读器View”版本在移动设备(屏幕宽度为320px-480px)上运行完美。附言。我不是在触发阅读器View图标时查找信息-我想在屏幕宽度小于480像素的移动设备上强制使用阅读器View模式。此外,ReaderView模式在其他浏览器中也可用(不仅在Firefox中)。 最佳答案 Reader模式的URL是:about:r

javascript - 如何通过 CSS 或 Javascript 默认浏览器 'Reader View' 模式?

所有现代网络浏览器现在都提供“阅读器View”模式。是否可以通过CSS和/或Javascript告诉浏览器在屏幕宽度不超过480像素的移动设备上自动使用“阅读器View”版本?我只是不想创建网站的移动版本,因为“阅读器View”版本在移动设备(屏幕宽度为320px-480px)上运行完美。附言。我不是在触发阅读器View图标时查找信息-我想在屏幕宽度小于480像素的移动设备上强制使用阅读器View模式。此外,ReaderView模式在其他浏览器中也可用(不仅在Firefox中)。 最佳答案 Reader模式的URL是:about:r

javascript - HTML5/CSS GPU 性能优化

我使用HTML/CSS/JS创建了一个纸牌游戏。它在屏幕上移动动画卡并动画记分板/留言板。虽然我的chromecast的性能很糟糕。有时降级到4fps:(。当我调试应用程序时,它使用20mb/512mb的GPU。我想知道是否有任何方法可以启用GPU光栅化或任何其他高级GPU功能,或者是否有人有任何提示如何以提高游戏的性能。到目前为止,我一直在移除纹理、透明度和简化动画。不过,我很想就如何从chromecast中获得更多性能获得一些建议。我意识到WebGL可能会允许我更多地使用GPU,但这将是我的动画类的重写。 最佳答案 诀窍是强制我

javascript - HTML5/CSS GPU 性能优化

我使用HTML/CSS/JS创建了一个纸牌游戏。它在屏幕上移动动画卡并动画记分板/留言板。虽然我的chromecast的性能很糟糕。有时降级到4fps:(。当我调试应用程序时,它使用20mb/512mb的GPU。我想知道是否有任何方法可以启用GPU光栅化或任何其他高级GPU功能,或者是否有人有任何提示如何以提高游戏的性能。到目前为止,我一直在移除纹理、透明度和简化动画。不过,我很想就如何从chromecast中获得更多性能获得一些建议。我意识到WebGL可能会允许我更多地使用GPU,但这将是我的动画类的重写。 最佳答案 诀窍是强制我

html - 使用 CSS/CSS3 如何构建流体列布局,其中不同高度的元素出现在上面的元素附近?

这个问题在这里已经有了答案:HowtoCreateGrid/TileView?[duplicate](8个答案)关闭7年前。使用下面的代码(在图像之后)我得到这样的布局:但我想要的是这样的布局:我当前的代码:CSS:#columns{column-width:320px;/*changetoEMlater*/column-gap:15px;width:90%;max-width:770px;margin:50pxauto;}#columns.card{background:#fefefe;border:2pxsolid#fcfcfc;box-shadow:01px2pxrgba(34,

html - 使用 CSS/CSS3 如何构建流体列布局,其中不同高度的元素出现在上面的元素附近?

这个问题在这里已经有了答案:HowtoCreateGrid/TileView?[duplicate](8个答案)关闭7年前。使用下面的代码(在图像之后)我得到这样的布局:但我想要的是这样的布局:我当前的代码:CSS:#columns{column-width:320px;/*changetoEMlater*/column-gap:15px;width:90%;max-width:770px;margin:50pxauto;}#columns.card{background:#fefefe;border:2pxsolid#fcfcfc;box-shadow:01px2pxrgba(34,

jquery - 滚动可见时 colgroup 上的 CSS 背景颜色

所以我有一个页面可能包含也可能不包含一个或多个大而复杂的表格。使用JQuery,我将鼠标悬停在表格上时向tr和colgroup添加背景颜色。问题是当我有多个表格时,页面大于视口(viewport)(滚动条可见),并且它不会影响第一个表格。我真的不知道如何解释它,只需全屏运行下面的代码片段,您就会看到。此外,这似乎不会发生在IE中。$("table").delegate('td','mouseovermouseleave',function(e){var$table=$(this).closest('table');if(e.type=='mouseover'){$(this).pare