1回答
我正在尝试使单词的各个字母绕各自的轴旋转。有没有可能在不包装每个字母的情况下实现这一点，就像下面的例子一样？ .word:hover .letter {
display: inline-block;
transform: rotateY(-180deg);
} <h1 class="word">
<span class="letter">C</span>
<span class="letter">H</span>
<span class="lett
浏览 18提问于2019-04-09得票数 0
回答已采纳
我有一个关键字列表，然后一个包含这些关键字的句子列表在页面上。我想让关键字列表点击。当用户单击关键字时，该关键字的所有出现都会在句子中突出显示。
如何使用jQuery或原始Javascript完成此操作？
我认为唯一的方法是用包含自己的类作为类名来包装页面上的每个单词。然后，在匹配的word类中添加突出显示类的关键字按钮。这可能有效，但似乎有很多不必要的代码注入。
关键字列表
<button>this</button>
<button>example</button>
语句
<span class='word_this'&g
浏览 6提问于2015-08-20得票数 7
回答已采纳
我有一根线 <div id="title">Lorem <span class="bold">ipsum</span> dolor sit amet</div> 我想用span将每个未包装的单词包装在#title容器中。结果必须是： <div id="title"><span>Lorem </span><span class="bold">ipsum</span><span> dolor</span>
浏览 17提问于2020-01-29得票数 1
回答已采纳
我需要搜索一些内容，并将某些单词与HTML放在一起。要搜索的单词在数组中，我只想替换每组匹配的第二次到最后一次。举个例子，如果有5场比赛，我想替换第4场比赛。如果有三个匹配，替换第二个。如果有两个匹配，则替换第二个/最后一个匹配，如果只有一个匹配，则使用该匹配。
回调函数是使用回调函数的外部函数。
我想我需要一个数组计数--减去1，然后把这个数字传递给回调函数，然后在那里使用它，但是也许有一个更简单的方法来做到这一点？
简化函数是：
function repWords($content) {
foreach ($words_array as $w) {
$content
浏览 3提问于2014-03-28得票数 0
回答已采纳
2回答
假设我有字符串X中的句子，如何将每个单词一分为二，为每个单词添加一个带类word的span标记，以及如果该单词与字符串y匹配，则添加类word selected。
X和y都是动态的。
String X = "The community is here to help you with specific coding, algorithm, or language problems."
String Y = "community, here"
我创建一个函数并将其拆分为数组，但是我无法附加到字符串生成器。
private String setPType(S
浏览 1提问于2020-12-12得票数 0
回答已采纳
2回答
我希望能够将span标记中的每个奇数单词包装起来，但不包括第一个单词，我在网上找到了一些代码，其中代码将第二个单词包装在的span标记中，但随后在发现了另一个将第一个、第三个和第五个单词包装在span标记中的示例，这是可以的，但希望排除第一个单词
下面是我目前所拥有的
var words = $('h5.introsubtitle').text().split(' ');
var numWords = words.length;
for (i=0; i<numWords; i++) {
if (i%2 == 0) {
浏览 0提问于2020-05-20得票数 0
5回答
在中间(或在一定数量的字符或音节之后)，用一行将两个“单词部分”连接起来的最佳方法是什么？基本上可以想象一个很长的、灵活的下划线。
目标是使"word___part“始终是父容器的100%。这意味着，当缩小或向上扩展浏览器窗口时，它应该能够完全响应。
span:first-child {
float:left;
display:inline-block;
}
span.underscore {
}
span:last-child {
float:right;
di
浏览 9提问于2017-07-31得票数 6
回答已采纳
在这个网站上：
在新足总杯开赛时间的头条
如果我检查元素，我注意到它们包含了<span>中的所有单词，并添加了一个<span class="spacer">。
<h1 class="article-card-header__title" title="New FA Youth Cup kick-off time">
<span class="article-card-header__title-words">
<span>New<span cl
浏览 0提问于2019-01-30得票数 2
回答已采纳
示例如下(查看标题)：
使用以下代码：
$('.flipper').wrap('<span id="tmp"></span>');
$('#tmp').css({ width: $('.flipper').outerWidth() + 'px' });
$('.flipper').fadeOut(500, function () {
$(this).html(flipWords[flipperCountCurrent])
浏览 1提问于2012-04-04得票数 0
2回答
启用字换行
、、
我正在尝试将jsPDF转换成PDF格式。但是，由于我希望每个单词都位于与HTML相同的位置，所以我在<span>中包装了每个单词。
<font><span>Hello</span> <span>wrap</span> <span>....</font>
但是，当我这样做时，它似乎破坏了默认的单词包装，就像您在中看到的那样。
我怎么才能解决这个问题？
浏览 10提问于2014-03-03得票数 1
回答已采纳
2回答
已解决：
这个问题实际上是两个单独问题的组合：
如何生成一个“类似文章”的段落，当每个句子和每个单词都用一个标签包装时。这应该自然地适用于Bootstrap的网格和容器系统，只有当单词周围的范围彼此间隔(使用空格或换行)时，才能正常工作。换句话说，根据：，标记“是用于短语内容的通用内联容器，本质上并不表示任何内容”，两个相邻的相邻部分被视为单个单词的两个不同部分，即do被解析为"do“而不是”do“和”ing“。
我的项目代码中的标记是使用VUE3的v-for生成的，默认情况下它不提供两个s之间的任何字间距，因此根据，我通过合作和v-for在两个单词之间添加了一些额外的空间。特别是我在
浏览 4提问于2021-12-30得票数 0
回答已采纳
我怎样才能把课文滑出来，用一个句子中的一个字来代替？
这句话是：
<p>Lorem <span>ipsum</span> dolor sit.</p>
我需要将<span>中的单词向上滑动，并从底部滑动一个新单词。
目标是每n秒钟旋转一次的单词数组。例如，给定以下数组：
var myArr = new Array('ipsum','alpha','beta','gamma','delta','epsilon');
我如何用数组中的下一个替换
浏览 5提问于2012-11-30得票数 0
回答已采纳
我有以下HTML字符串：
<span class="class1">Hello</span> my <span class="class1">name</span> is Mads.
是否可以检测单词'my'，' Is‘和'Mads’，并将这些单词包装在一个不属于span标记的字符串中？
所以它变成了
<span class="class1">Hello</span> <span class="class1">my&
浏览 1提问于2012-07-03得票数 1
回答已采纳
1回答
所以我正在制作一个工具来帮助学生学习外语。它基本上是两列文本，第一列是目标语言，另一列是英语。我现在做的是给希腊人做的。
我的目标是，当第一栏中的一个单词盘旋在上面时，它被突出显示，第二栏中相应的英文单词也被突出显示。
这些数字也必须明确命名，因为希腊语和英语的词序不一样，我想我可以用类来做。
<table>
<tr>
<td class=greek>
<span class="adv one">Πολλάκις</span>
<span
浏览 5提问于2022-07-02得票数 3
回答已采纳
3回答
我有一个javascript变量，像这样：
var text = "A <mark id='1'>businessman</mark> should be able to <mark id='1'>manage</mark> his business matters";
我希望将每个单词包装在一个具有不同id的span元素中，但保留已经包装在<mark>标记中的单词。如下所示：
text = "<span id='1'>A </span>&
浏览 1提问于2017-03-28得票数 1
1回答
如何使单词Full在下面的三元运算符中显示为粗体？如果我在span中更改它，它将使单词enrolled和spots也显示为粗体，我不希望这样。该怎么做呢？ <span
style={{
flexGrow: 1,
color: "lightgrey",
fontSize: "12px",
marginLeft: "10px"
}}
>
{e.enrolledNum / e.total_spots >= 1
? 'Full'
: `${e.enrolled
浏览 19提问于2021-11-03得票数 0
回答已采纳
3回答
我已经搜索过，但无法找到增加字体颜色的解决方案(例如。一个标题中的3个或4个单词中的每一个都是轻率+10%。字体颜色将在SCSS中使用颜色var进行初始设置。
示例标题：
这是我的新头衔
在这个例子中，让我们说标题是‘深蓝色’。这几个字是：
Here = darker blue
Is = navy blue
My = medium blue
New Title = light blue
这里有一个类似的帖子：，但这是搜索数组中的关键字，而不是字符串中的每个单词。
我还遇到了一些基本的CSS/HTML解决方案，比如这样的解决方案，它不能工作：
注意：I将在PHP变量中返回标题(strin
浏览 1提问于2015-09-24得票数 2
回答已采纳
给定一个动态加载的标题(使用PHP/WordPress)，是否有一种纯CSS方法来设置最后一个单词的样式？例如：
<h1 class='featured'> This is my page title</h1>
变成了
<h1 class='featured'> This is my page <span id="finalWord">title</span></h1>
如果使用CSS是不可行的，那么分解<h1>标记的内容是建议的方法吗？
浏览 0提问于2011-05-01得票数 1
回答已采纳
2回答
好吧。所以我有一个充满跨度的区域，每个跨度里面都有一个词或几个字。该div适用于多个行，并具有固定的宽度。我需要span内容在同一行上保持不变，而不是中断，以便每个span中的一个单词位于第一个单词上，而其他单词位于下一个单词上。
让我给你举个小例子。
HTML
<div>
<span>Hamburgers</span>
<span>Pizza and hotdogs</span>
<span>Milk and beer</span>
<span>Kids menu
浏览 0提问于2015-12-09得票数 0
回答已采纳
我需要用SPAN标记将HTML元素中的单个单词括起来。所以就像这样：
Foo <span class="f1 b0">bar <b>baz</b> boo blah</span> lorem ipsum
应该是这样的：
<span>Foo</span> <span class="f1 b0"><span>bar</span> <b><span>baz</span></b>
<span>blah&l
浏览 0提问于2011-02-21得票数 2
回答已采纳
1回答
我们基于HTML的网站使用了很多格式来设计文本/页面。
我们现在正在转换到Wordpress，这样我们的员工也可以创建和编辑页面，但似乎Wordpress编辑器在控制文本设计方面是非常有限的。
有三个主要的限制：
文本样式:基本的东西，比如在标题或段落中划下一个单词，改变单个单词的颜色等等。
对单个单词进行更多的设计控制，例如添加<em>、<i>等，以允许比粗体/下划线/斜体/划线的基本样式更多。
前文的扩展:将类似<span class="red"></span>的内容添加到标题中的单个单词中，以允许通过站点的默认CSS进行更多
浏览 0提问于2019-04-11得票数 0
2回答
我有一个列表，其中包含两个项目，一个单词和一个number.This列表将使用表小部件呈现。
我的目标是生成一个包含两列和必要行的表，但是包含单词的列的标题应该比numbers列大。
我可以使用调整列的大小来调整内容，但我希望在调整大小之后，表周围没有空白的空白。
为了创建gui代码，我使用了QtDesigner.Thanks。
浏览 0提问于2011-12-20得票数 10
回答已采纳
1回答
我目前在我的应用程序中使用jQuery UI自动完成，我想通过将结果中的最后一个单词变成不同的颜色(比如蓝色)来定制结果的设计。为此，我使用，如下所示：
$(input).autocomplete(config)
.data("ui-autocomplete")._renderItem = function (ul, item) {
return $("<li>").append("<a>" + item.label + " " + "<
浏览 0提问于2013-05-10得票数 1
回答已采纳
3回答
当用户按退格键时，有没有办法删除像span这样的元素？
示例：
我有一个div contenteditable="true“。在主div中，我插入了多个单词，并且：
<span readonly style="color:green">text</span>
要达到的目标:当用户写作时，他可以在列表中选择单词。用户不能逐个字符删除。因此，当按下退格键时，"readonly“的作用是删除所有单词。
Readonly在Chrome上效果很好，IE和Firefox中的bug只使用"delete“触摸来删除所有的单词。
浏览 5提问于2016-03-04得票数 0
如果我有一个特定的字符串输入，那么我想要与另一个字符串进行比较，并将输入字符串的匹配包装起来，然后使用最大可能的匹配值对另一个字符串进行匹配。我最好怎么把火柴包在标签里呢？这是一个很重要的问题。
基本上，我希望将输入的字符串与另一个字符串匹配，使用span标记显示输入字符串中目标的匹配部分。
首先从输入字符串开始匹配(最大可能匹配)
应该突出显示搜索单词的部分匹配(例如“驳船”、“驳船”)。
特殊字符应该与"fred/dred“相匹配，输入的字符应该是两个单词。
输入字符串将根据用户输入的内容而变化。
从一开始就匹配输入字符串作为优先级。
匹配发生时的每个单词
浏览 3提问于2011-06-15得票数 4
<div>
<span class="openParen bm0">(</span>
<span class="closeParen bm0">)</span>
<span class="openParen bm3">(</span>
<span class="openCurly bm1">{</span>
<span class="openParen bm2">(</span&
浏览 1提问于2013-09-03得票数 0
回答已采纳
2回答
我有以下html部分
<div class="description">
<span>Brand:</span>
<a href="http://www.bestfamily.gr">Nikon</a><br/>
<span>Product Code:</span> 130342 <br/>
<span>Barcode</span> 18208948581 <br/>
<span>Availability:
浏览 1提问于2018-12-11得票数 0
回答已采纳
我有一个单词和句子的清单。我想突出列表中的句子中的文本。
例如，：
句子：“宋南人”
歌词：“歌”，“南”，"p“
我想要在类型记录中创建一个管道来产生类似的输出。
name person.
我尝试过这样的解决方案：
import { PipeTransform, Pipe } from "@angular/core";
@Pipe({ name: "highlight" })
export class HighlightPipe implements PipeTransform {
transform(text: string, sear
浏览 0提问于2018-07-01得票数 2
回答已采纳
我从下载了引导模板，我的问题是，每当我向下滚动到网页的页脚时，如何将导航条固定在屏幕的顶部？为了更好地了解我想要达到的目标，我做了一个截图。
例：上的移动设备透视图NAVBAR是固定的
示例：当我向下滚动到页脚时，我希望NAVBAR保持在屏幕的顶部。如您所见，NAVBAR未能固定在屏幕上方.
代码：
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="
浏览 1提问于2012-10-26得票数 2
回答已采纳
2回答
查找HTML标记之间包含的字符串
、、、、
我的问题是找到包含html文本的特定单词(例如：span)在NSString中的位置，并替换这个单词。
例如，如果我的目标词是span，我的替换文本应该如下所示：
<SPAN style="BACKGROUND-COLOR: #FF0000">span</SPAN>
如果我的起始文本是：
<span class='i_04_12_000000'>this is a span</span>
我想要的结果是：
<span class='i_04_12_000000'>this is a &l
浏览 2提问于2011-12-07得票数 0
回答已采纳
3回答
我正在创建元素周期表。我把所有文本对齐为居中于单元格内。我需要在每个单元格(原子序数)中的顶部数字与左边对齐，其他3个项目保持居中。我尝试过在CSS中使用.alignLeft类的span，但没有成功。如有任何帮助或建议，将不胜感激。
table.table1
{
border:none;
width:75%;
margin:auto;
}
table.table1 td
{
font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
font-size:100%;
text-align:center;
min-width:100px
浏览 4提问于2015-03-17得票数 0
回答已采纳
新手的问题。我有一个父组件，它调用一个返回单词数组的服务。然后，它将重复一个子组件，该组件接受单词并将其显示在一个按钮元素中。我希望能够在每个重复的按钮元素之间放置一个nbsp；，但是从事物的父部分开始。我试过在标签之间放置不同的标签，但似乎没有任何效果。谢谢
亲本 parent.component.html
<child *ngFor="let item of items" [word]="item"></child>
儿童 child.component.html
<button type="button&#
浏览 0提问于2019-04-08得票数 0
回答已采纳
2回答
我想实现在Instagram中演示的富格式文本视图。下面是截图。
具体来说，我的目标是：
同一文本视图中不同位置的单词可能具有不同的字体大小、字体颜色和字体样式(粗体、斜体等)。
可以在委托回调中检测到触摸事件(长按压、触下等)。可以通过这样的回调方法收集信息(哪个单词被触摸，或者是长按压或向下触摸等等)。
像Three20这样的大框架是不可能的。小型的、独立的图书馆是很好的选择。低水平的也可能是可以的，如果我用不了几天就可以完成它们的话。
任何建议都是非常感谢的。
浏览 3提问于2012-01-13得票数 5
回答已采纳
是否可以仅使用css来挑选段落中的特定单词并设置其样式？例如，在句子"hello my name is nick，hello to you all“中，是否可以将单词" hello”定位在出现的任何位置，并添加一条规则，比如在任何时候更改hello的颜色？我不想在出现的每个hello周围都添加span标记。
如果可能的话，我想只在css中做这件事。css3可以很好地使用。
浏览 2提问于2012-03-08得票数 1
回答已采纳
给定元素的innerHTML，我尝试将每个单词包装在一个span中，如果这个单词已经包装好了，那么包装元素。
例如，Here is a paragraph <span class="red">which</span> <div id="typed-effect">might</div> have nested elements
变成<span>Here</span> <span>is</span> <span>a</span> <span
浏览 2提问于2022-06-24得票数 1
回答已采纳
1回答
我正在解决一个问题，我需要匹配目标字符串中给定单词的不同的不区分大小写的排列。
例如：
要匹配的单词: cAda
目标字符串: AbrAcadAbRa
这里，可以在目标字符串S中找到的2种可能的排列是Acad和Acad。
我已经写了这样的东西：
String pattern = "" ;
for(char ch : word.toCharArray()){
pattern = pattern + "(?=[\\s\\S]*(" + ch + "))" ;
}
pattern = "^
浏览 0提问于2017-04-13得票数 0
我需要高亮显示HTML页面中的某个单词。我已设法突出显示元素，但如果搜索了一个新单词，则还需要取消前一个单词的突出显示。我试过了，高音起作用了，但它不起作用。非突出显示部分应取消任何包含span id=‘亮点’.等的行，但不应取消当前单词(! word )的突出显示。
//Unhighlight the previous searched word
var regex_old = new RegExp(\"<span id='highlight'><font style='background-color:#ffff00'>!\&
浏览 1提问于2014-07-07得票数 1
回答已采纳
我正在使用在堆栈溢出中找到的正则表达式，用span标记包围段落中的word实例，这样用户就可以单击每个内部单词来查看该单词的定义。然而，我遇到的问题是，有时段落中的短语被包装在内部或标签中，例如标题。
作品：
<div id="passage">
<p>
Hello, my name is SirTophamHatt.
</p>
...
</div>
$('#passage').find('p').each(function() {
$(this).html(function (
浏览 1提问于2013-10-07得票数 0
回答已采纳
我有一个简单的div (grid layout，但同样适用于flexbox)，它显示了三个不同的text元素。 问题是，每当我的html的dir属性被设置为rtl时，网格项的顺序就会改变，我希望能够在这种特定情况下防止这种改变(内容的顺序不是基于书写方向，而是基于语义值)。 例如，下面是我的项目的外观： let direction = 'rtl';
document.getElementById('toggle-direction').addEventListener('click', () => {
direction = di
浏览 47提问于2021-10-21得票数 0
1回答
我有以下代码： {words.map((word: string, index) => (
<Span key={index}>
<Span>
{word}
</Span>
</Span>
))} 这给了我浏览器中不同单词的行数。我想做的事情如图所示： ? 如果有超过三行的单词，我只想显示前三行的单词，并添加"...“作为列表中有更多未显示的单词的标志。有人知道我是怎么做到的吗？如何查找我在哪一行的单词？
浏览 22提问于2021-09-13得票数 0
我用Javascript编写了以下代码：
html.replace(/(\S+)\s*$/, '<span class="highlight-word">$1</span>');
我想突出显示HTML字符串中的最后一个单词；但是，如果末尾有一个HTML标记，则该标记将使用" highlight - word“跨度进行包装。
例如：
This is a test <br> <b> hello there </b>
将成为：
This is a test <br> <b> h
浏览 0提问于2020-04-30得票数 0
1回答
我在做文本处理的网络应用程序。我需要将字符串(文本)拆分成单词和符号，比如空格和其他字符(逗号、点、分号等)。我需要把每个单词和符号都包装成html标签。每个标签必须有一个id属性，其中包含文本中的单词(符号)序号。这个处理将在Java中工作，这意味着性能非常重要。经证实的文本可能包含3000 - 5000字。
下面是一个示例输入：
One two three, four five six seven eight nine.
下面是一个示例输出：
<span id="w1" class="word">One </span><span
浏览 3提问于2014-03-03得票数 0
2回答
我想用超文本标记语言、css、javascript和jQuery向用户展示一个带有说明的段落：“读故事，然后圈出所有的名词。”
问:当用户点击一个单词时，我该如何在它周围画一个圆圈？如果每个单词都必须在它自己的span标签中，这是可以的。
浏览 5提问于2011-03-14得票数 4
回答已采纳
我有一张有固定宽度表格格的桌子。表格单元格可以有带有非常长字符的字符串。我知道我们实际上可以用CSS属性包装单词或中断单词。但我将更多地研究一个解决方案，当文本长度超过表格单元格宽度时，修剪单词并添加单词的.字体，并在单元格悬停时显示完整的文本。
td {
border: 1px solid;
}
<table style="width: 100%;">
<tr>
<td style="width: 120px;">
Looooooooooooooo
浏览 5提问于2020-05-20得票数 1
回答已采纳
6回答
我就像；
<p>Variable Text</p>
我希望它成为现实；
<p>Variable <span>Text</span></p>
这是通过javascript函数实现的吗?/或jQuery。
哦，是的，p元素有一个ID，p元素中的文本是可变的，但总是由两个单词组成。我希望通过javascript函数在文本的最后一个字周围留出一个跨度。
浏览 3提问于2013-10-03得票数 8
回答已采纳
3回答
使用javascript，我尝试在字符串的最后两个单词附近插入一个span。
使用下面的正则表达式，我可以得到最后一个单词，但我不知道如何得到最后两个单词。
var $div = $('div');
$div.html($div.text().replace(/(\w+?)$/, '<span>$1</span>'));
浏览 3提问于2015-10-15得票数 1
回答已采纳
2回答
我希望构建一个正则表达式，它将在HTML标记之间从所有文本中选择一个单词。我正在寻找的词出现在任何地方，但在HTML标签。问题是，我想要匹配的单词可能出现在标签的类或id中--我只想在标记之间匹配它。
下面是我的评论中的进一步澄清:我正在寻找一个regex在循环中使用，该正则表达式将在另一个包含HTML的字符串中找到一个字符串。大字符串将包含如下内容：
<div class="a-class"<span class="some-class" data-content="some words containing target">
浏览 1提问于2015-06-12得票数 0
3回答
当涉及到jQuery时，我是一个新手，在.parents()上遇到了一些小问题。问题是，当我使用.parents('span[class^="lid"]')时，我的代码可以工作，并且得到我想要的东西，这就是用class作为过滤器来获取元素。但是，当我使用.parents('span[class~="header"]')或.parents('span[class^="header"]')时，将不会显示<span>元素。
下面是我的代码：
我可以肯定地知道，~=选择器检查它是否与任何单词完全
浏览 2提问于2013-02-05得票数 1
回答已采纳
5回答
我正在寻找一种方法来将自定义类添加到特定类的第一个和第二个单词中？
我的代码是这样的
<h2 class="content-heading">Latest News</h2>
我想要的是
<h2 class="content-heading"><span class="1">Latest</span> <span class="2">News</span></h2>
浏览 9提问于2016-06-29得票数 1
回答已采纳
1回答
我正在尝试删除类“fa-减号”，除非它的部分元素被触发。其他的一切都很好，但是，我很难瞄准所有有类“fa-减号”而又不影响点击下拉菜单的范围。任何帮助都是非常感谢的，谢谢。
<div id="accordion">
<h3 class="accordion-trigger">Do you lease to individuals and corporations?<span class="fa fa-fw fa-plus icons accordion-icon"></span>&
浏览 3提问于2016-06-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
