草庐IT

inline-styles

全部标签

html - 显示 :inline rendering as display:block 的 Span 标记

我有一个这样的span标签 '/>它应该呈现为但是它是这样渲染的当我在浏览器中查看源代码时,它是这样呈现的不知道出了什么问题。注意:我通过在浏览器中动态地将display:block更改为display:inline获得了正确的图像。 最佳答案 您无法在您的CSS中轻松覆盖,因为该元素被设置为display:block内联(在您的HTML中),这可能是由您使用的框架决定的(如果没有,则很难说)进一步的细节)。因此,您需要阻止设置、删除它(即使用JS)或在您的CSS中覆盖它。要覆盖您的CSS,您需要使用!important,

html - 使图像布局为 'inline-block',底部有悬停标题

我正在开发一个图片库,并希望通过以下方式在图片底部显示标题:图片默认显示时没有任何文字将鼠标悬停在图像上时,(可能被截断的)标题会出现在深灰色半透明背景的底部我的HTML最好保持原样;最重要的是,图像保持为“显示:内联block”,因为这是布局所需的方式。(可选)将鼠标悬停在标题上时(如果它被截断),它会完全展开(可选)标题可以包含链接/整个图像是一个链接请看图解说明:这有点类似于http://www.flickr.com/explore和许多其他网站的做法。这是我目前所拥有的(实际上不是太多,因为它在垂直中间呈现标题,而不是在底部):.image-block{display:inli

javascript - 未捕获的类型错误 : Cannot read property 'style' of undefined error

我正在尝试使用Javascript更改某些HTML元素的宽度;目的是使用innerWidth属性确定它。下面是我的代码:$(document).ready(function(){varfooter=document.getElementsByTagName('footer')[0];varheader=document.getElementsByTagName('header')[0];footer.style.width=window.innerWidth-400;header.style.width=window.innerWidth-400;});我正在使用Javascript分

html - 为什么 <style> block 被认为是不安全的标记?

我最近插入了PageDown对来自文本区域的一些HTML输入进行清理,我注意到它修剪掉了“样式”元素。我只是想知道为什么这些被认为是不安全的? 最佳答案 IE有一个特殊的CSS特性allowsJavaScripttobeembeddedwithinCSS.仅此一项就足以成为想要禁止的理由标签。behavior:也可以在style中输入表达式属性,因此您应该确保删除style来自whitelist的属性,或将特定样式列入白名单。您不应该不尝试将样式列入黑名单,因为脚本可以通过多种方式进入样式,并且有planstoaddmoreinth

HTML 5 - 播放微型 mp3 "inline"

我想使用HTML5音频支持播放mp3。我曾尝试使用音频标签,但现在我正在使用javascript。我的“播放器”将只是一个很小的播放图像,按下时播放音频(不是所有的音频控件都有进度)。我正在尝试使用javascript播放它。functionplaymp3(url){varaudioElement=document.createElement('audio');audioElement.setAttribute('src',url);audioElement.load();audioElement.play();}这是我的代码,它不起作用。当我单击作为我的“播放”按钮的图像时,它执行正

html - 使用溢出时的额外空间 :hidden in inline-block list

指的是:http://jsfiddle.net/CZk8L/4/谁能给我解释一下为什么overflow:hidden样式会在第一个li的底部生成这个额外的空间?这让我发疯了几个小时。事实是我需要position:relative;overflow:hidden在我的第一个li上,因为我想隐藏form并在其中移动(跟随光标)。我试图在每个元素上设置一些height或max-height,但它不起作用。我还尝试了一些line-height重新对齐li的解决方案可能是添加相同的position:relative;overflow:hidden在第二个li上,但它仍然是它们下面的额外空间,我想

javascript - R Shiny 仪表板: specifying div style width argument as percentage to fit a resizeable JS plot

任务:使用R和shinydashboard,在仪表板正文中嵌入自定义Javascript生成的图表。以百分比形式指定图的宽度,这样无论查看者的屏幕设置如何,图都会占据它的列(或框)。设置:R(3.5.2)、shiny(1.2.0)和shinydashboard(0.7.1).仪表板代码(简化的可重现示例)如下:library(shiny)library(shinydashboard)ui相应的Javascript文件myscript.js放置在相对于应用程序文件本身的www子文件夹中,如下所示://JSPlotwithEcharts4option={xAxis:{type:'categ

html - 渲染性能 : style attributes or classnames and stylesheet rules?

我正在构建数据可视化,渲染性能至关重要。我的问题与沼泽标准HTML相关,尽管我碰巧使用SVG和JavaScript。好的,一个假设的场景:假设我有10,000个DOM节点,带有background-color“red”,以及10,000个带有background-color的DOM节点的“green”。每个节点都是由JavaScript循环创建的。我可以:设置style每个节点上的属性,指定background-color节点的:设置class每个节点上的属性,然后在内联样式或外部样式表中引用该类:.foo{background-color:red;}下载代码的性能在这里一点都不重要—

css - 你如何指定一个 :link style in a div class implementation?

我在...中有一个anchor标签在我的HTML标签中,我有.foo{white-space:nowrap;text-shadow:0-1px0#000;color:#000;font-family:HelveticaNeue,Helvetica,arial;font-size:12px;}如何才能在此类中指定a:link{COLOR:#ffff;}? 最佳答案 如果你的结构是...您可以这样设置未访问链接的样式:.fooa:link{color:#fff;}注意:使用3个或6个f,而不是4个。

javascript - VueJS v 绑定(bind) :style for background-image: url()

根据VueJS文档:我尝试了几种模式:但结果对HTML无效style属性。有什么想法吗? 最佳答案 尝试其他模式后,这是有效的模式:结果: 关于javascript-VueJSv绑定(bind):styleforbackground-image:url(),我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/40666716/