草庐IT

design-preview

全部标签

javascript - CSS/JS : split words with horizontal line in responsive design

在中间(或在特定数量的字符或音节之后)拆分单词并用一条线连接两个“单词部分”的最佳方法是什么。基本上想象一个很长的灵活下划线。目标是让“word___part”始终是父容器的100%。这意味着它应该在缩小或放大浏览器窗口时完全响应。span:first-child{ float:left; display:inline-block;}span.underscore{}span:last-child{ float:right; display:inline-block;}Automation您会如何处理?flex盒子?此外,元目标甚至是设置用动态cms分开的单词。意思是“自动化”一词来自

html - Chrome : Print preview differs from simulate CSS media print

我在Chrome26中打印我的页面时遇到问题,其中表格显示为灰色背景色。当我使用模拟CSS媒体打印在chrome中查看页面时,它看起来不错在Safari中打印时一切正常。有人知道如何解决这个问题吗? 最佳答案 解决方法如下:将此添加到您的打印css*{transition:none!important}参见:https://nicolasbouliane.com/blog/print-preview-significantly-different-inspector-chrome 关于h

android - Material Design 没有样式化警报对话框

我已将appCompatMaterial设计添加到我的应用程序中,但警报对话框似乎没有使用我的主要颜色、主要颜色或强调色。这是我的基本风格:@color/apptheme_color@color/apptheme_color_dark@color/apptheme_color@color/action_bar_gray根据我的理解,对话框按钮文本也应该使用这些颜色。我的理解是错的还是我需要做更多的事情?解决方案:标记的答案让我走上了正轨。@color/apptheme_color@color/apptheme_color_dark@color/apptheme_color@color/

android - Material Design 没有样式化警报对话框

我已将appCompatMaterial设计添加到我的应用程序中,但警报对话框似乎没有使用我的主要颜色、主要颜色或强调色。这是我的基本风格:@color/apptheme_color@color/apptheme_color_dark@color/apptheme_color@color/action_bar_gray根据我的理解,对话框按钮文本也应该使用这些颜色。我的理解是错的还是我需要做更多的事情?解决方案:标记的答案让我走上了正轨。@color/apptheme_color@color/apptheme_color_dark@color/apptheme_color@color/

html - 如何在 Material Design Components for Web 中设置主要颜色和次要颜色?

详情我研究了Web的MaterialComponents(MDC)并着手使用CDN(托管的CSS和JavaScript库):https://unpkg.com/material-components-web@latest/dist/material-components-web.min.csshttps://unpkg.com/material-components-web@latest/dist/material-components-web.min.js这得益于他们在[1中的getting-started-docs-page].同样,MDC有这个predecessor-slash-

javascript - Material Design Lite JS 不适用于动态加载的 html 文件

我想统一我网站的导航布局,所以我创建了一个单独的html文件来保存导航代码。我使用JS动态加载文件:$("#navigation").load("/navigation/navigation.html",function(){$.getScript('/material.min.js');});问题是material.min.js没有为这个html中的动态加载组件执行,我失去了一些关键功能。我该如何解决? 最佳答案 检查componentHandler是否加载,加载后尝试升级元素。if(!(typeof(componentHandl

html - 使 Material Design Lite 表格 100% 宽度的正确方法是什么?

我正在考虑使用Google'sMaterialDesignLite框架,我想知道如何使表格跨越其包含元素的100%宽度:拿这张表:MaterialQuantityUnitpriceAcrylic(Transparent)25$2.90Plywood(Birch)50$1.25Laminate(GoldonBlue)10$2.35我怎样才能让这个MDL表跨越100%的容器?我已经设置了这个JSFiddle表格示例取自docs. 最佳答案 只需在table和th中添加一个新的fullwidth类,直接将宽度设置为100%。.fullwi

android - 平板电脑设备上的选项卡未占据全宽 [使用 android.support.design.widget.TabLayout]

我将标签设置为UPDATE29/05/2015this邮政。在我的Nexus4手机上,标签占据全宽,但在nexus7平板电脑上,它位于中间,不覆盖全屏宽度。Nexus7屏幕截图Nexus4屏幕截图 最佳答案 一个“更简单”的答案borrowedfromKaizie只需在您的TabLayoutxml:中添加app:tabMaxWidth="0dp" 关于android-平板电脑设备上的选项卡未占据全宽[使用android.support.design.widget.TabLayout],我

android - 平板电脑设备上的选项卡未占据全宽 [使用 android.support.design.widget.TabLayout]

我将标签设置为UPDATE29/05/2015this邮政。在我的Nexus4手机上,标签占据全宽,但在nexus7平板电脑上,它位于中间,不覆盖全屏宽度。Nexus7屏幕截图Nexus4屏幕截图 最佳答案 一个“更简单”的答案borrowedfromKaizie只需在您的TabLayoutxml:中添加app:tabMaxWidth="0dp" 关于android-平板电脑设备上的选项卡未占据全宽[使用android.support.design.widget.TabLayout],我

html - css 'design patterns' 有什么好的在线资源?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。谁能推荐一个很好的CSS“设计模式”在线资源?我知道软件环境中的设计模式通常指的是基于OO的设计模式,但我指的是广义上的设计模式:即针对常见问题/任务的通用、干净的解决方案。此类资源的示例是thislistoftabledesigns,这为您提供了所有您真正需要了解的有关如何使用一组CSS技术使表格看起来漂亮的信息。其他可能有很好的解决方案的常见问题示例