草庐IT

span_ele

全部标签

html - 在 :hover 上的图像上显示 <div> 或 <span>

我正在寻找一种允许div的方法或span当您:hover时出现在图像上的元素在那个图像上。我可以使用.image:hover~.overlay来做到这一点,但这并不是我要找的。div或span元素需要采用图像的尺寸,因为会有多种尺寸。例子会让你:hover改变div或span来自display:none的元素至display:block(不一定需要是一个block)。从不可见变为可见的元素必须自动检测图像的大小并将元素的大小与这些相同的尺寸(200x200)相匹配。但是,我也可以有一个这将需要元素匹配大小(300x400)。我也在寻找一种super简单的方法来将这些元素完美地放置在图像

html - 如何在 span 元素为空时不显示 css padding

我一直在努力解决以下问题。如果您运行这段代码,您会注意到蓝色和红色元素。当没有要显示的文本(跨度为空)时,如何隐藏“红色元素”。当里面没有文本时,我想对“蓝色元素”做同样的事情,它不应该是可见的。显示的原因是填充,但我想要填充,因为它看起来不错。我相信你们是最好的,并且找到了解决方案。问候!.myClassDer{font-size:34px;color:white;background:blue;color:white;border-radius:25px;padding:7px;width:auto;height:auto;}.myClassDie{font-size:34px;c

html - 在 Blade 模板中的表单标签内使用 <span>

在html我可以使用像这样在表单标签内添加标签:Name:使用LaravelBlade,label的代码是这样的:{!!Form::label('name','Name:',['class'=>'class-name'])!!}如何使用使用Blade模板的内部表单标签? 最佳答案 试试这个代码:{!!Html::decode(Form::label('name','Name:'))!!} 关于html-在Blade模板中的表单标签内使用,我们在StackOverflow上找到一个类似的问

html - 使用 <span> 添加方向 (dir = "rtl")

我是html新手,经常使用希伯来语。我遇到了这个问题,这让我觉得我误解了什么。据我所知,该元素没有任何作用,但它允许添加样式。但是,尝试这样做:sometextthatshouldbertl'ed似乎对我不起作用(目录无效)。另一方面,使用效果很好。那么..为什么不工作?就我的理解而言,我使用正是为了它的目的:添加样式。当我用它来添加颜色时效果很好……为什么不这样做呢?感谢您的任何见解!艾丹附言经过一些测试,我还发现,如果我用包围文本(在内),那么目录does就会生效。但在那种情况下,我为什么不直接使用...整个想法是我不想要任何元素,只是为了设计一些东西。

html - 用于 span 标签的 Twitter Bootstrap 工具提示(不适用于标签)

我的问题是基于SO问题Bootstraptooltipsnotworking因此,解决方案是使用:jQuery:$("[rel='tooltip']").tooltip();html:test这很完美。我的问题是:如果我想使用怎么办?标记而不是.应该是Hoveronme?它工作得很好,但我看到了rel属性用于标签。那么,正确的解决方案是什么? 最佳答案 您可以通过以下方式编写:方法一Tooltipontop然后用下面的代码初始化它:$('a').tooltip();另一种方法是使用类或id并像这样一个一个地初始化它们:方法二Hove

html - 两个 span 元素没有垂直对齐

我在div中有两个span元素,以在div的中间对齐。Yourcurrentposition:NewYork风格:.position{height:70px;background-color:gray;}.positionspan{line-height:70px;}.position.name{font-size:28px;}LiveDemo如您所见,span.yours不在中间。如果我删除样式:.position.name{font-size:28px;}它会起作用。有什么问题? 最佳答案 问题在于两个子元素的初始垂直对齐值都是

semantic-markup - 是否存在语义差异 <span >'s and <div>' s?

这个问题在这里已经有了答案:关闭12年前。PossibleDuplicate:WhatisthedifferencebetweenHTMLtagsDIVandSPAN?我知道在编写HTML代码时,我应该牢记语义,例如,h1需要是主标题,h2需要是子标题,表格需要是表格,使用强调而不是等。除了一个是block而另一个是内联之外,div和span之间是否有适当的区别?当我学习时,我被告知用于样式化文本中线。如果我需要在网页的某个位置放置一小段文字,则不需要。标签,如果我坚持使用div,我会使用span吗?如果该文本需要覆盖两行(即,它需要一个宽度),如果它只包含文本,我应该使用什么?

css - Bootstrap : center any span

我在使用类来居中我的span时遇到问题:.center{float:none;margin-left:auto;margin-right:auto;}这不起作用,显然它被bootstraprow-*CSS覆盖了。但是,如果我直接在div中包含相同的样式(style="..."),它会起作用。我认为它不起作用,因为它不知道宽度,所以我尝试使用偏移量,但是当按钮不居中时以及.CSS时。我无法指定宽度,因为我的button宽度是由外部JavaScript设置的。在那种情况下,我怎样才能使.center类工作? 最佳答案 从Bootstra

javascript - 获取span的内容

如何获取span的内容?我正在寻找一种方法让所有这些成为Vanilla,而不是jQueryjavascript(和一点jQuery)varswear_words_arr=newArray("bad","evil","freak");varregex=newRegExp('\\b('+swear_words_arr.join('|')+')\\b','i');functionvalidate_user_text(){vartext=document.getElementById('myInput');text.text();if(regex.test(text)){window.loca

html - 为什么一个 div 比具有相同内容的几个 span 长(仅在 Chrome 中)

我有两行10000"."等宽字体。第一个在div中有整行,第二个由1000个跨度组成,每个跨度为10个“.”。这是JSfiddle链接:https://jsfiddle.net/fojp5e9z/2/这里有5000个字符,最后有点明显。在10000时,您会在顶行获得2个完整周期的额外长度。.......................................................................................................................................................