草庐IT

styles_bases

全部标签

html - <span style ="display:inline-block"> 后防止换行

在HTML叙述流中的元素,为了扩大检测到点击的区域(一些跨度只有一个字符的内容),我在定义为.expand-click-area{display:inline-block;padding:5px;margin:-5px;position:relative;}这在点击行为方面效果很好。问题在于,在以下情况下,Chrome19有时会在span和后面的逗号之间换行:thisisspantext,关于如何防止这种情况的任何想法?本质上,我想打破与时相同的行为根本不存在,或者没有display:inline-block.这种行为在IE10中似乎没有出现。在http://jsfiddle.net/

javascript - 阻止 CSS :hover style propagation

在下面的示例中,当我将鼠标悬停在“X”按钮上时,列表项hover样式也被启用,我不希望这种情况发生。按钮上的hover样式是否可以独立于list-group-item上的hover样式?诸如防止“悬停”传播之类的东西?还有其他方法可以实现吗?也许以不同的方式组装所有这些HTML/CSS/JS?WorkingsamplehereLalalalaiaiaPanananannaeueCSS.list-group-item:hover{background:#fafafa;cursor:pointer;}JavaScript$('.list-group-item').on('click',fu

html - 垂直对齐 - 列出 "list-style-image"

谷歌搜索和浏览都没有帮助我-希望这里有人可以解决这个问题:我有以下html:ABC1ABC2ABC3ABC4和CSSul{list-style-image:url(../img/hook.png);}li{vertical-align:middle;color:#FFFFFF;font-size:16px;text-shadow:0em0.13em0.13em#2A2A2A;font-family:Helvetica,Arial,Sans-Serif;font-weight:normal;}“hook.png”图像为32x35像素-但每当我创建列表项时,文本(例如ABC...)将始终显

电子邮件中的 HTML <base> 标记

我们有一个内容管理的解决方案(具体来说是SDLTridion;但是,这个问题更笼统),其中包括具有不同语言内容的多个站点。它们都共享许多基于Razor的模板,这些模板用于在发布页面时呈现具有特定注入(inject)内容的HTML片段。CRM也通过CMS进行管理,同样的模板也用于创建电子邮件通讯。这些HTML电子邮件包含图像,这些图像会发布到管理相关通讯组列表的任何站点。因为模板系统是通用的,而且CMS没有最终产品的绝对URL的概念,所以这些图像都嵌入了相对地址。我们有能力将绝对URL作为元数据应用于CMS中的不同网站,并编写.Net扩展以将这些URL格式化为呈现的图像标签;但是,这会给

html - 为什么 CSS 内联(base64 编码)网络字体呈现延迟?

Twitter开始使用WOFF网络字体(screenshot)。这种字体是base64编码的,并内嵌在内的CSS文件中。现在,如果我理解正确的话,edCSS样式表是渲染阻塞的,即浏览器在获取/解析其外部CSS文件之前不会渲染页面。在这种情况下,当访问Twitter时,浏览器应加载包含网络字体的CSS文件,然后使用该网络字体呈现页面。但是,我在Chrome/Windows中执行了一项测试(在空缓存/浏览器历史记录上),并且网页字体显示有延迟:页面上的文本首先使用默认的sans-serif字体呈现操作系统,然后,几秒钟后,网络字体“启动”并替换系统字体。参见此处:https://www.y

html - 覆盖 "style="属性中的属性?

我正在尝试调整CKEditor中按钮背景图像的位置。CKEditor使用background-position:0px0pt对按钮图像进行硬编码。我不想改变这个,因为它似乎是编辑器的核心。但是,我可以为样式表中的按钮和样式设置自定义类。但是因为background-position声明是在style属性中进行的,所以我不能从类中覆盖它,甚至不能使用!important。有什么方法可以覆盖CSS类中style=属性中的CSS属性吗?我认为没有。有人知道任何解决方法吗? 最佳答案 覆盖style属性中指定的属性的唯一方法是使用!impo

html - 带有填充 :url(#id) style in external stylesheet broken, 内联样式的 Firefox SVG 很好

仅在Firefox中,如果我尝试为svg路径提供模式引用,例如:路径{填写:网址(#ref);在外部样式表中,它呈现为不可见。如果我在内联或页面上的标签中执行此操作,它就可以工作。这是我的fiddle,这是我的代码转储,因为这样不会让我只发布fiddle。http://jsfiddle.net/v5VDp/1/.slice:nth-child(6n+2)路径{填写:网址(#texture1);}https://dl.dropbox.com/s/wkzaoiwnw6ghsmd/simple_svg_test.css 最佳答案 #tex

javascript - 无法读取未定义的属性 'style' -- 未捕获的类型错误

我想更改html页面的span元素中文本的颜色、字体大小和字体粗细。我正在使用以下代码:if(window.location.href.indexOf("test")>-1){varsearch_span=document.getElementsByClassName("securitySearchQuery");search_span[0].style.color="blue";search_span[0].style.fontWeight="bold";search_span[0].style.fontSize="40px";}以下是我的html页面的代码Searchresults

html - 在 &lt;style&gt; 标签中使用 rowspan 属性

我想在中使用rowspan(html的属性),比如:tabletd{rowspan:2;}有什么办法可以解决这个问题吗?感谢您的任何建议! 最佳答案 rowspan是td标签上的一个属性,它不是CSS属性。查看规范:http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6您将无法通过CSS设置rowspan属性,这类似于尝试设置a的href通过CSS标记。 关于html-在<style>标签中使用rowspan属性,我们

html - 为什么在 style 标签中经常有一个 &lt;!-- ?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Whatistheusageofcommentnotationsinstyletag?我想知道在html文档中编写css代码时经常会出现就在样式标签后面。例如:据我所知,这是一个html注释,但为什么将它放在style标签内,有什么意义?是否排除某些将其视为评论的浏览器?