天道酬勤,学无止境

stylesheet

CSS div 宽度 50% 在 IE 中不起作用(CSS divs width 50% not working in IE)

问题 我无法在 IE 中使用它,第二个孩子不在同一行。 HTML: <div class="outer"> <div class="inner">left</div> <div class="inner">right</div> </div> CSS: .outer { width: 100%; } .inner { float: left; width: 50%; } 回答1 将其更改为width: 49.9% 。 IE中记录良好的错误。 回答2 将宽度更改为 49%(或一个更改为 50%,另一个更改为 49%)。 回答3 如果您以 px 为单位设置宽度,则 50% 可以正常工作。 CSS: .outer{ width: 900px; } .inner{ width: 50% }

2022-01-16 00:26:28    分类:技术分享    css   internet-explorer   html   stylesheet

将样式表限制为一个标签和后代(Limit Stylesheet to one tag and descendents)

问题 我想在我正在开发的某个网站上使用 twitter 引导程序。 该网站需要一个预设模板用于页面的某些部分。 如果我包含 twitter 引导样式表,它会弄乱原始模板。 我想包含外部 bootstrap.cc 样式表,但使其仅适用于 class="mycontent" 的后代标签 <html> <link href="original stylsheet.css"> <link href="bootstrap.css"> ... ... <div class="header"> original stlesheet to be used here </div> <div class="mycontent"> bootstrap css to work for all descendents of my content </div> 我知道一种方法是编辑 css 并在每个标签之前添加 .mycontent 。 但我想知道是否有更聪明的解决方案 回答1 作用域 CSS 如果存在scope属性,则<style>仅适用于其父元素。 <div> <style scoped> /* your css here */ <style> <!-- content --> </div> 它缺乏浏览器支持,但有一个 polyfill:jQuery Scoped CSS 插件。 补充阅读:使用

2022-01-15 15:42:17    分类:技术分享    html   css   styles   stylesheet

Limit Stylesheet to one tag and descendents

I want to use twitter bootstrap for some site I am working on. This site requires a pre-set template to be used for certain parts of the page. If I include the twitter bootstrap stylesheet it messes up the original template. I want to include the external bootstrap.cc stylesheet but make it work only on tags which are a descendent of class="mycontent" <html> <link href="original stylsheet.css"> <link href="bootstrap.css"> ... ... <div class="header"> original stlesheet to be used here </div> <div class="mycontent"> bootstrap css to work for all descendents of my content </div> I know one way

2022-01-15 14:00:11    分类:问答    html   css   styles   stylesheet

如何通过 Qt 样式表自定义 Qt 应用程序的标题栏?(How to customize the title bar of a Qt app through Qt stylesheet?)

问题 我能够在 Qt 样式表中自定义 Qt 应用程序的控件。 但是,我找不到自定义标题栏的方法。 我找到了一些解决方案,但这需要修改应用程序本身的代码。 无论如何,您可以仅使用 Qt 样式表对其进行自定义吗? 回答1 标题栏不是您的应用程序或 Qt 的一部分,并且不能使用样式表进行配置。 标题栏由窗口管理器提供。 在某些 WM 中根本没有标题栏。 大多数 WM 支持可自定义的窗口装饰主题。 通常,您可以配置 WM 以显示具有特定主题的特定窗口。 在 Qt 中,只有 QDockWidget 的标题栏可以通过样式表进行配置。 PS 一些应用程序禁用窗口管理器的装饰并自行绘制标题栏(例如 Chromium)。 回答2 Qt 无法控制应用程序的标题栏和边框的外观。 这是正在使用的窗口管理器 (WM) 的领域。 Qt 可以要求 WM 将其关闭或仅显示某些按钮,但仅此而已。 自定义标题栏的标准过程是删除它,然后在标题栏的位置创建和设置您自己的样式。 对于任何观看的人,请注意这并不像您想象的那么酷。 有些人喜欢自定义他们的标题栏,大多数人喜欢当他们的应用程序与他们的操作环境的其余部分融合时(当你完成它时它不会这样做)。 简短的回答:如果不更改应用程序的源代码,就无法对使用 Qt 样式表的现有应用程序执行此操作。

2022-01-14 19:40:44    分类:技术分享    c++   qt   user-interface   stylesheet

ReactNative 内联样式与 Stylesheet.create(ReactNative inline style vs Stylesheet.create)

问题 我今天遇到了一个问题。 我想确保我的应用看起来不错,这需要我做很多调整,尤其是在边距/填充部分。 我的问题是:哪种方法更好? 创建多个样式表(在父组件上)只是为了适应这些小的变化(我正在使用具有无边距样式表的可重用组件,这些边距将从父组件继承)或者只是让它内联在组件上? 我知道创建样式表可能是更好的方法。 但是为了适应继承的样式,我将使用style={[myComponentStyle, passedDownParentStyle]} <- 它不会创建一个新的样式表,然后首先取消使用 Stylesheet.create 的目的吗? 这方面的专家可以给我一些见解吗? 编辑示例: const Style = Stylesheet.create({ child: { color: 'red' }, parent1: { padding: 5, margin: 10 }, parent2: { padding: 10, margin: 5 } }) class Child { render() { return ( <Text style={[Style.child, this.props.style]}> {this.props.children} </Text> ) } } class Parent1 { render() { return ( <Child style=

2022-01-14 13:24:22    分类:技术分享    react-native   stylesheet

CSS divs width 50% not working in IE

I'm unable to get this working in IE, the second child doesn't remain in the same line. HTML: <div class="outer"> <div class="inner">left</div> <div class="inner">right</div> </div> CSS: .outer { width: 100%; } .inner { float: left; width: 50%; }

2022-01-14 12:01:38    分类:问答    css   internet-explorer   html   stylesheet

使用多个样式表的正确方法......所以它有效吗?(Proper way to use multiple stylesheets...so it WORKS?)

问题 我正在制作一个需要为布局、颜色和排版分开样式的网站。 所以基本上我拿走了我的主要样式表,只是复制了 3 次,然后从一个中删除了除着色之外的所有内容,除了在另一个中与类型相关的所有内容等等。但是当我现在链接到它们时,肯定存在一些级联问题或其他问题,因为很多类型的东西没有被应用。 有没有合适的方法来做到这一点? 回答1 我建议遵循这个约定: 根据用途创建不同的文件。 例如。 (reset.css、base.css、typography.css、form.css、ie-specific.css[for IE specific stuffs]、print.css) 创建一个 ANT 进程(如果您使用的是 Java)或任何等效程序。 例如。 在 apache 中,您可以使用 href = "application.css" 添加链接,并且您的 .htaccess 应该将对 application.css 的请求重定向到 getAllCSS.php 之类的内容,并且它需要上述所有 CSS 文件。 所以现在你的浏览器只发出一个请求(即 application.css),你仍然得到所有的 CSS 文件。 初始加载时间可能会更长,因为我们现在有一个非常大的文件,但它可以被缓存,因此所有后续请求都会很快。 如果您预先定义了所有这些基本样式,您就不必为每个元素重新定义样式。 回答2

2022-01-14 09:19:55    分类:技术分享    css   stylesheet

Proper way to use multiple stylesheets...so it WORKS?

I am making a site where I need to have styles separated for layout, colors and typography. So basically I took my main style sheet and just copied it 3 times, and in removed everything but coloring from one, everything but type related in another and etc. But when I link to them now there must be some cascade issue or something, because a lot of the type stuff is not being applied. Is there a proper way to do this?

2022-01-14 05:09:56    分类:问答    css   stylesheet

如何在 Angular 2 中更改应用程序范围的 css?(How to change app wide css in Angular 2?)

问题 在我的应用程序中,我有不同的 CSS 文件,例如 fire.css、lake.css,每个文件都为完成应用程序提供了不同的外观。 目前,我仅使用 1 个文件 main.css 实现并将此文件添加到索引.html <link rel="stylesheet" href="resources/styles/main.css"> <link rel="stylesheet" href="resources/styles/themes.css"> <link rel="stylesheet" href="resources/styles/common.css"> <link rel="stylesheet" href="resources/styles/plugins.css"> 现在我想在用户从下拉列表中选择时动态更改它。 我的想法:将所有 css 文件复制到 app 文件夹并在那里添加主题。 文件夹结构是 应用程序 |-----app.component.ts |-----app.routes.ts |-----main.css |-----lake.css |-----登录 |-----其他组件... 我在app.components.ts 中将css 添加到 styleUrls 应用组件现在是 import { Component } from '@angular/core'

2022-01-14 03:57:35    分类:技术分享    css   angular   stylesheet   angular2-template   angular2-directives

Ruby on Rails 应用程序不能包含样式表或 js(Ruby on Rails Application coult not include stylesheet nor js)

问题 我在 Windows 8.1 64 位计算机上工作,当我发现下一个问题时,jetzt 成功创建了脚手架....这些是我执行的命令: rails new obs cd obs rails generate scaffold Customer name:string rake db:migrate rails s 但由于此错误,我无法打开窗口: TypeError:对象不支持此属性或方法。 Rails.root: C:/Users/Adrian/Documents/Bumblebee 应用程序跟踪 | 框架跟踪 | Full Trace app/views/layouts/application.html.erb: 5: in `_app_views_layouts_application_html_erb__353703031_44962284' 我没有在创建的文件中更改任何内容。 但看不出有什么问题... 回答1 您必须将代码应用程序更改为默认值,如下所示:- <%= stylesheet_link_tag "default", media: "all", "data-turbolinks-track" => true %> <%= javascript_include_tag "default", "data-turbolinks-track" => true %>

2022-01-13 18:23:38    分类:技术分享    javascript   ruby-on-rails   ruby   stylesheet