草庐IT

span-element

全部标签

html - Angular 2 : Get position of HTML element

我正在尝试在Angular2中实现一个自定义指令,用于移动任意HTML元素。到目前为止,一切正常,除了我现在不知道如何在单击它并想开始移动时获取HTML元素的初始位置。我用这两个主机绑定(bind)绑定(bind)到我的HTML元素的top和left样式:/**currentYpositionofthenativeelement.*/@HostBinding('style.top.px')publicpositionTop:number;/**currentXpositionofthenativeelement.*/@HostBinding('style.left.px')protec

html - 如何使用 Perl 正则表达式删除未使用的嵌套 HTML span 标记?

我正在尝试从HTML文件中删除未使用的跨度(即没有属性的跨度),已经用其他正则表达式清除了我不需要的所有属性。我的正则表达式没有选择要删除的正确的开始和结束标记对时出现问题。my$a='abcde';$a=~s/(.*?)/$1/g;print"$a\返回abcde但我希望它返回abcde感谢帮助。 最佳答案 尝试HTML::Parser:#!/usr/bin/perlusestrict;usewarnings;useHTML::Parser;my@print_span;my$p=HTML::Parser->new(start_h=

html - 为什么 SPAN 的高度大于它的字体大小

我不明白为什么span元素的高度大于它的字体大小(边距和填充=0):JSFiddleexample.analized-element{font-size:20px;font-family:"LucidaConsole","LucidaGrande",monospace;}Testmessage此问题仅在Mac中存在:==analized-element=====border-size:0000padding:0000font-size:20pxoffsetHeight:23px=========================我们如何看到有3个额外的像素。Windows中的相同示例:=

jquery - 说 "Anchorlink"Target Element 有动态 margin-top

我有一个小“大”问题,不知道如何解决。如果我有一个带有跳转到带有margin-top元素的anchor的链接,则边距将被“忽略”,如下例所示:http://jsfiddle.net/T38uk/如果我有一个margin-top="0"的div,并且会动态添加一些margin-top,anchor会跳转到“旧”位置,如下例所示:http://jsfiddle.net/eG2Gd/是否可以告诉anchor目标元素上有一个动态变化的边距?这是单个代码片段:HTMLTestanchorHiermussderAnkerhinspringen​CSSbody{height:8000px;}.lin

javascript - div内溢出span的宽度,IE9

我需要查明span的内容是否溢出了它的父级div。它在Chrome和FF中工作正常,但在IE9中不工作。我有以下HTML结构:Dynamictextcontent,whichmayormaynotoverflowtheparent使用以下CSS:.wrapper{display:inline-block;width:80px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}在“真实”浏览器(即非IE)中,很容易检查跨度是否比div宽:varinnerSpan=$('.wrapperspan')

HTML/CSS : Removing white-spaces between elements - Benefit of font-size 0. 1px(而不是 0)?

在CSS中,通常通过将容器元素的字体大小设置为0px来删除元素之间的空白。子元素再次设置为正常大小。我一直将“font-size:0”应用到容器元素并且效果很好。现在我在其他人的代码中看到很多使用“font-size:0.1px;”反而。例如这里:https://www.barrelny.com/blog/text-align-justify-and-rwd/在“中断元素”部分......保留这些剩余的字体大小有什么好处? 最佳答案 以下是针对您的问题的一些解决方案列表:https://css-tricks.com/fighting

javascript - VideoJS : Can't click on elements that are on top/overlay of the video

我正在使用VideoJS和Angular4,我需要在视频上添加一些自定义叠加层。我成功地创建了所有叠加层并将它们连接到Angular组件上的事件。除了全屏显示外,它工作得很好。当我全屏播放视频时,叠加层消失,我只能使用默认播放器按钮。所以我在叠加层上添加了一个大的z-index,它们开始出现。但是每当我点击它们时,什么也没有发生。根据CSS,甚至光标都不会更改为指针。我已经尝试过各种东西,比如videojs覆盖插件,但这不起作用,因为它不允许我将Action与元素相关联。我试过将覆盖内容放在视频标签内,但随后它就完全消失了。我尝试通过ChromeDevTools网络检查器并手动删除正在

javascript - ANDROID WEBKIT : Select elements getting focus events, 但打不开!

我在移动网站的表单中有一系列选择元素。这些选择元素位于通过JS和CSS3转换处理的滚动Pane内,因此首先要在选择上注册触摸/单击/任何事件就足够了。但是,我现在发现,仅在android上,即使选择被点击并获得焦点-他们只是拒绝打开。我100%确定选择正在获得他们的焦点事件(通过调试),所以老实说,我完全被难住了。没有调试,选择上没有其他焦点/模糊事件。它在iPhone上运行良好......有什么想法吗? 最佳答案 我一直在为同样的问题撞墙。它似乎与Android2.1/2.2(也许是2.0?)隔离开来。选择在Android1.5/

internet-explorer - IE9 a > span 不会触发右键链接菜单

好的,这将是一个有趣的...几乎我似乎遇到了一个有趣的IE错误(功能),涉及何时跨度位于anchor内,例如。Supercoollink10在IE中,您似乎可以左键单击,但无法右键单击该项目并获取链接菜单,这个问题似乎在Google的服务中也一直存在,例如。我想知道是否有人可以解释一下发生这种情况的原因此问题的解决方案或解决方法到目前为止,我已经尝试在anchor中添加一个 并尝试摆弄z-indexes无济于事。我能找到的唯一解决方案/解决方法是,如果您删除Doctype,问题似乎就会消失。(不会发生)Ninjaedit-你似乎也不能CTRL+Click确定另一个编辑:看起来displ

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

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