在不删除其他内容的情况下更改元素的文本
在前端开发中，要在不删除其他内容的情况下更改元素的文本，可以使用JavaScript来实现。以下是一种常见的实现方式：
- 首先，通过DOM操作获取到需要更改文本的元素。可以使用document.getElementById()、document.getElementsByClassName()、document.getElementsByTagName()等方法来获取元素。
- 使用innerText或textContent属性来修改元素的文本内容。这两个属性都可以用于获取或设置元素的文本内容。
- innerText：获取或设置元素及其后代元素的文本内容。它会忽略隐藏元素和样式影响。
- textContent：获取或设置元素及其后代元素的文本内容。它会保留空格和换行符，并且不会忽略隐藏元素和样式影响。
- 例如，如果要更改id为"myElement"的元素的文本内容，可以使用以下代码：
- 例如，如果要更改id为"myElement"的元素的文本内容，可以使用以下代码：
- 或者：
- 或者：
- 如果需要动态地根据用户输入或其他条件来更改文本内容，可以结合事件监听器或条件判断来实现。
- 例如，以下代码演示了在按钮点击时更改元素文本的示例：
- 例如，以下代码演示了在按钮点击时更改元素文本的示例：
这种方法适用于各种前端开发场景，例如在表单提交后显示成功消息、根据用户操作更新页面内容等。对于更复杂的文本操作，还可以使用正则表达式、字符串拼接等技术来实现更高级的文本处理。
相关·内容
我对jquery选择器和跨跨函数的使用感到困惑，需要一些帮助:-)
在一大块HTML中，我想删除使用特定类(包括子标记)定义的所有排序跨度标记，但保留内部SPAN的内容(纯文本)。
这里是HTML的一个例子：
<div id="SaveInfo">
<p>another content <span class="MyClass green">An expaination: <span>with a span</span></span> and more</p>
浏览 14提问于2015-10-22得票数 0
回答已采纳
3回答
我使用的是一个应用程序，在该应用程序中，在选择框值发生更改时，将调用我的javascript函数。在函数中，我有一个if/else语句。如果条件验证，它将在我的div中显示一个图形，否则它将在相同的div中显示文本。
var arrayDataSource = [];
//for example this array has the following [[1,0.2],[2,0],[3,1]
$.each(test, function(index, value)
{
//code to load data to that array
});
)
if(arrayDataSource
浏览 5提问于2016-04-16得票数 0
有人知道JavaScript需要做一个简单的字体改变吗？我希望在页面上有一个小的弹出窗口，当您选择一个字体时，它会更改另一个页面上所有文本区域的字体。我希望它改变已经在页面上的文本，但它不必这样做。谢谢!
浏览 3提问于2014-02-07得票数 0
回答已采纳
2回答
我有一个套接字数组(pfdnfd.fd)。我还有一个指针数组(event_tracking* track10)。如果在我的代码中有一个点，我尝试从一个关闭的套接字接收数据，我想删除两个数组中的数组元素，然后将数组移位以填充空白点。
for(j=1; j<nfd; j++) {
if(pfd[j].revents&POLLIN) {
char* p = track.receive_datagram();
if (p == 0) {
delete track[j-1];
浏览 0提问于2015-09-17得票数 0
2回答
我试图为屏幕阅读器优化一些组件，但是Android Talkback被证明是一个挑战.
下面是一个非常简化的代码示例：
<div class="wrapper">
<form>
<span role="presentation" aria-hidden="true">
This should not be read by Talkback
</span>
<input aria-label="This should be read by Talkback"
浏览 11提问于2022-03-01得票数 1
回答已采纳
我有一个应用程序的背景图像改变大小，当我添加文本。在浏览器上使用inspect element功能后，似乎是font-size属性影响了background-size属性，因为当我使用inspect element取消选中与font-size相关的框时，background-size会返回到正常大小。为什么背景大小会发生变化？比较应用程序中的以下两个页面：
不带文本和字号：
背景大小因字体大小而改变：
请注意，页面之间的唯一区别是视图中的内容。这两个页面都继承自应用程序布局。
背景尺寸的css：
body {
background-image:image-url('gotita
浏览 0提问于2018-06-06得票数 0
2回答
我试图理解文本对齐，但它似乎根据应用于哪种类型的元素以及从何处应用，无论是父元素还是子元素，都有不同的规则。
据我所知，如果我将文本对齐:center应用于div，那么所有包含的元素都将具有文本对齐:center属性。
如果我应用文本对齐:居中于内联元素(如图像)，什么也不会发生，因为图像没有作为元素一部分的周围空间。我有这段代码，我不知道为什么它的行为是这样的。我试图实现的只是简单地在标题标记中水平地对图像进行居中，并以这样的方式实现：
body {
margin: 0;
}
header {
background-color: black;
height: 100px;
浏览 1提问于2022-09-21得票数 -1
1回答
按钮侦听器JavaScript
、、、、
我有一个有趣的bug，我不知道它是否来自javascript忽略的一个点，但它根本没有意义！
它是一个小型消息传递应用程序，您可以在其中玩chifoumi。
在这里，我们已经收到了2个游戏请求，特征是“答案(Répondre au jeu)”按钮，按钮被关闭时，我们已经回答了！到目前为止，是的，但问题是，你在这里看到的第一个按钮不再被聆听，事实上，就好像与按钮相关的听者已经自己飞走了。
所以我不明白为什么这个按钮失去了它的侦听器；知道在单击另一个按钮之前它运行得很好(按下一个按钮就会填充底部的文本框，如果我不发送它，该按钮将保持活动状态)。
这是我的代码：
socket.o
浏览 3提问于2020-11-02得票数 0
回答已采纳
我的PDF看起来很好，直到我编辑了它，现在它似乎仍然被破坏，即使我删除了我的编辑。文件diff程序表示这两个文件是相同的，但只有一个文件显示信息。
复制：
1)打开PDF，确保里面有东西
2)在文本编辑器中打开PDF并在顶部添加文本
3)正常打开PDF，它是空的。
4)删除步骤2中添加的文本
5)尽管有相同的文件内容，但PDF仍然损坏。
如果我真的将代码从PDF复制并粘贴到不同的文件中并尝试打开它，也会发生这种情况。打不开。
是否有任何方法可以将文本添加到PDF中，并使其不损坏？
浏览 5提问于2017-07-27得票数 0
回答已采纳
2回答
从这个代码：
我想将包装器高度设置为lorem ipsum文本高度。
因此，我创建了以下代码：，但是包装器的高度总是与html高度相同。如何将包装的大小提高到文本的高度？
.wrapper {
width:400px;
position: relative;
height: 100%;
}
我这样做了，但现在包装器的大小与html-body大小相同。
浏览 3提问于2014-06-13得票数 0
回答已采纳
2回答
我正在使用jQuery制作一个web应用程序。web应用程序的所有元素都是使用jQuery (var $header = $("<div>");)创建的。我已经有一个名为stringtables的对象，其中有名为"no“、"en”等的子对象。
在页面加载时，会加载默认值，并将其中的字符串用于所有元素中的文本。有没有办法把所有的元素都绑定到字符串表上，这样当我切换字符串表时，网站上的所有文本都会随之改变？
我希望在不重新加载页面的情况下更改应用程序语言。
浏览 3提问于2011-06-30得票数 2
回答已采纳
有没有办法在只读模式下切换WorkBookView？
因此，用户将不允许编辑单元格、粘贴到单元格、使用AutoFill功能、更改列/行的宽度/高度，但仍然能够在工作表之间切换和从单元格复制文本。
浏览 0提问于2013-07-25得票数 0
回答已采纳
我有这个号码可信度计数器在我的网站上，当用户滚动，标题与数字计数从零到最终总数。我认为这是一种引人注目的展示可信度的方式，但就可访问性而言，我不知道用JavaScript动态更改数字是否会使使用屏幕阅读器的人感到困惑。我想在标题中添加一个“咏叹调标签”属性，这样屏幕阅读器就可以读取它，而不是动态变化的文本，但是我所有的谷歌搜索都说标题不需要咏叹调标签，因为屏幕阅读器会读取标题标签中的文本。
我的问题是，如果我在标题中添加了一个“”属性，那么屏幕阅读器读取元素的方式会混乱吗？
浏览 3提问于2022-02-23得票数 -1
2回答
我刚刚安装了一个新的7.6.10 TYPO3 CMS，我缺少了内容元素“仅图片”。如果我点击"+内容“，我只有标题，文本和媒体，项目列表，表格，文件链接可用。在TS / TCE设置(removeItems等)中，我没有任何配置。此外，我注意到此内容类型(图像)也无法为用户组进行选择。
在我几个月前安装的另一个系统中(并且已经更新为7.6.10)，这个内容元素是可用的。
你有关于这个元素的使用信息吗？
浏览 1提问于2016-08-10得票数 1
回答已采纳
我可以忽略这个属性，我会得到同样的结果，对吗？
如果是这样，那么使用文本修饰的含义是什么:无；作为CSS中的声明。
这是我的第一个问题。
我试图理解CSS及其声明的属性。
浏览 4提问于2022-11-08得票数 -2
回答已采纳
我正尝试在一个项目中使用CKEditor，我发现需要使用书签。说，创建书签的侵入式方式在源代码中添加了span元素。这对我来说很好，这正是我想要它做的。但是，我可以在源代码中看到span元素被包装在p元素中。
<p><span id="cke_bm_147S" style="display: none;"> </span> </p>
这给我的文本显示方式带来了问题，主要是在试图浏览文档时。我没有找到任何内容，甚至没有提到这些p元素的创建。我是不是设置错了什么？有没有办法防止这些东
浏览 2提问于2018-02-03得票数 0
2回答
我正在构建一个非常基本的网站，目前正在进行用户创建工作。用户填写一个表单，然后验证输入并写入MYSQL DB (如果有效的话)。
在用户输入数据时，我想添加一些基本的错误检查-例如：
根据数据库中的user表验证用户试图选择的用户名。
验证FirstName/LastName/Email字段是否包含值。
验证密码字段是否匹配。
如果上述任何条件都失败，我希望文本框的标签变成红色、粗体和与表单略有不同的大小，并为页面上的用户提供一个简单的错误消息。
我编写了一个简单的javascript函数，可以执行上面的#2和#3，并将适当的文本更改为"error“样式。
我的问题
浏览 4提问于2014-09-03得票数 0
回答已采纳
我正在尝试选择特定列中的所有表单元格，并将它们截断为10个字符。
我真的不能说这种语法有问题。
<xsl:template match="table[contains(@class, 'listing')]//tr/td[contains(@class, 'listing-body-start')]">
<td>
<xsl:value-of select="substring(./text(), 1, 10)"/>
</td>
</xsl:te
浏览 1提问于2014-10-17得票数 0
有办法删除底层数据工作室弹出的我的嵌入式仪表板吗？
原因是我想在我的网站上嵌入一个仪表板，但我不希望用户能够进入Data上的仪表板，并且能够复制链接并将其发送给其他人以解决安全问题。
浏览 6提问于2022-02-14得票数 1
回答已采纳
我有一个SVG文件，我不想将它粘贴到HTML文件中，因为它会变得混乱。因此，在咨询了w3schools之后，"embed“标记似乎是将外部SVG文件包含到超文本标记语言中最安全的方法。
<embed src="path_to_svg" type="image/svg+xml" id='svgsource' />
但是，我需要通过主html文件中的javascript通过DOM访问svg元素。不幸的是，两者都没有
document.getElementById('my_svg_id')
nor
document.
浏览 0提问于2011-12-14得票数 15
回答已采纳
我在一个angular 5项目的ng2智能表的cols中使用了过滤器。以下代码工作正常。
columns:
service_start_date: {
title: "DOS",
filter: true,
sort: true
},
但是，当单元格是链接类型的自定义组件时，这是不起作用的。我用filterFunction()尝试了一个自定义过滤器。这也不起作用。
columns: {
id: {
title: "Enc #",
type: "custom",
renderCompon
浏览 5提问于2018-02-26得票数 2
回答已采纳
2回答
我有一个文本和图片的链接。我不希望图像下面有下划线，但我确实希望文本有下划线。有没有办法在不将它们分成两个独立的链接的情况下支持这一点？下面是一个示例图片：
浏览 0提问于2011-11-07得票数 0
回答已采纳
5回答
我试图验证密钥代码条目，方法是在用户键入不需要的键时添加一个警报，然后清除文本区域。警报功能正确，但文本区域没有清除。
我已经检查了文档，但是我看不到有.val()行的区域。我也试过这样做：$("#noteNumberInput").attr('value', "");
场景:我在文本框中键入1-9，没有收到任何警告(工作正常)，例如，如果我键入一个字母and，则会弹出警报，但该字母仍保留在文本框中。
编辑：
我注意到的是，它确实清除了第一个键之后的文本区域。如果我键入字母'a‘然后'b'，'a’将被移除并替换为&
浏览 3提问于2017-04-29得票数 1
回答已采纳
3回答
在我的超文本标记语言中，我有一个content div，其中包含由php脚本创建并使用JQuery和Javascript处理的文章。使用Javascript，我使用'getElementsByClassName‘函数将这些文章收集到一个数组中。我在这里编写的脚本和HTML都经过了简化。我需要这个数组，因为我想让它在数组长度大于10的情况下每页只显示10篇文章。因此页1将是数组的索引0到9，页2的索引是10到19，依此类推。现在，
以此html代码为例。
<body>
<div id="content">
<div class="
浏览 2提问于2012-10-19得票数 2
回答已采纳
我有一个ReferenceField如下所示：
<ReferenceField label="User" source="user_id" reference="users">
<TextField source="name" />
</ReferenceField>
它工作得很好，但问题是有时user_id可能为null，这会导致加载条不确定地显示。如果引用字段的值为null，是否存在显示替代文本或类似文本的方法？
浏览 0提问于2018-09-19得票数 5
回答已采纳
我运行着一个最近被Google索引的网站(几天前)。主页有几个分隔文本段落的小图像。当我在Google上搜索这个站点时，它碰巧在搜索片段中显示了带有图像的段落的部分，这是很好的，但它显示了图像的alt文本，这看起来很糟糕。
除了删除alt文本或摆弄图片的位置之外，有没有办法阻止这种情况的发生？
浏览 3提问于2014-01-18得票数 2
我希望能够做到这一点：
<pre><code>
a command
another command
</code></pre>
因为它看起来比第一个命令在同一行中的<pre><code>更好。然而，上面的文本在a command之前放置了一个空行
a command
another command
有可能这样做吗？
浏览 6提问于2013-11-19得票数 2
回答已采纳
我运行的代码在Firefox或Chrome中没有问题。用户正在向一个文本框中键入内容，跳转到下一个文本框中，然后可以继续键入内容。
当我在IE11上运行网页时，用户跳转到下一个文本框，无法输入任何内容。在用户可以插入任何内容之前，必须双击文本框。
我已经用谷歌搜索过了，似乎IE在使用一些较旧的jQuery时会出现问题(即它更喜欢'prop'而不是'attr')。在下面的代码中，jQuery的readonly关键字的使用方式是不是IE11不再能够识别/接受？
我认为问题出在readonly上，因为removeClass('ignore')工作正常。
浏览 4提问于2015-05-15得票数 3
我在一个div中有一块未加标记的文本。我想解析文本并用包含处理程序的新表单元素替换某些关键字。一个例子是，当我看到文本"Date:________“时，我想用一个新的输入字段替换它，给它一个唯一的id，然后向它附加一个.datepicker()处理程序。
给定的样本文本：
*与我同坐，敬而远之，不屈不挠。Date:________ Ut enim ad minim veniam，quis nostrud习服ullamco .*
我尝试了以下几点：
$("#textdiv").replace(/Date:________/g, "<input type=&#
浏览 1提问于2015-12-11得票数 0
回答已采纳
我正在尝试改变我使用innerHTML的dynamically...for元素的CSS。
我面临的问题是，也许Mozilla在第一次发布的时候还记得一个文本区域的innerHTML。因此，如果用户编辑文本区域中的文本，则无法显示新文本，而显示文本区域中的原始文本。在IE中它工作得很好。
innerHTML和mozilla firefox有什么问题？
<html>
<head>
<title></title>
<script type="text/javascript">
function abc()
{
ale
浏览 0提问于2010-11-25得票数 1
回答已采纳
3回答
我是PHP的新手，但我对它的工作原理有一个很好的了解。我的问题是:有没有可能在HTML中有类似%username%的内容，并且当PHP识别这个文本时，它会输出一个用户名？即:将%username%转换为实际用户名？
这将如何完成，或者它是如何工作的？
提前感谢大家的帮助！
浏览 4提问于2012-12-30得票数 0
回答已采纳
5回答
我有一个文本框
@Html.TextBoxFor(m => m.SingleUnitBarcode, new { @class = "form-control",@id="barcode1", onblur = "CloneData" })
如果失去了这个文本框的焦点，我希望它中的文本显示在另一个文本框中(带有id =customerbarcode_field)。
我正在使用javascript
<script>
function CloneData() {
var value = document.
浏览 8提问于2014-04-14得票数 0
回答已采纳
它是更好的使用
document.createNode();
或者像这样的纯文本
var foo = '<div> bar </div>';
用JavaScript创建超文本标记语言？
浏览 0提问于2011-08-01得票数 5
回答已采纳
1回答
我们基于HTML的网站使用了很多格式来设计文本/页面。
我们现在正在转换到Wordpress，这样我们的员工也可以创建和编辑页面，但似乎Wordpress编辑器在控制文本设计方面是非常有限的。
有三个主要的限制：
文本样式:基本的东西，比如在标题或段落中划下一个单词，改变单个单词的颜色等等。
对单个单词进行更多的设计控制，例如添加<em>、<i>等，以允许比粗体/下划线/斜体/划线的基本样式更多。
前文的扩展:将类似<span class="red"></span>的内容添加到标题中的单个单词中，以允许通过站点的默认CSS进行更多
浏览 0提问于2019-04-11得票数 0
1回答
我在网上阅读过很多博客和专业人士，他们说你不应该设置高度，你应该允许你的内容填充元素。首先..。为什么？
此外，如果我不指定一个高度而没有使用绝对的或固定的位置和顶部:0，我如何允许我的背景色显示在我的标题上。
这是我的代码：
HTML:
<header>
<div class="row-std">
<div class="logo">
<img src="images/logo.png">
</div>
浏览 2提问于2017-02-27得票数 0
回答已采纳
我有一个网页与不同的数据条目列表。包含条目的每一行都会显示多个值，并在该行的末尾显示一个编辑按钮。现在，我只是尝试构建编辑每一行的功能。
我希望当用户单击编辑按钮时，按钮所在行中的几个字段成为可编辑的文本字段。当用户再次单击该按钮(其名称现已更改为“save”)时，文本字段将再次变为不可编辑的文本。
我有这个工作的第一部分。但是，当我尝试将文本字段转换为常规文本时，文本字段仍然存在，其中的文本消失了。下面是我的javascript代码：
var App =
{
editing_list: false,
default_text: 'hello
浏览 0提问于2014-04-16得票数 1
如果我有一个到另一个页面的链接，并且在里面放了另一个链接，这样做可以吗？在HTML5中允许吗?如果允许，哪些浏览器支持它？
在Chrome14.0.835.202中尝试一下，我看到左边的文本被链接了，然后是#1链接，但其余的没有链接。
示例：
<p>
<a href="download?file=2">Example file.txt</a>
[
<a href="revision?file=2&id=8">This is an example revision that fixes bug
浏览 5提问于2011-10-23得票数 30
回答已采纳
1回答
如果我发出ajax请求来删除主体HTML并追加新的HTML，是否还需要删除添加到前一个HTML中的任何事件处理程序？
我注意到如果我不这样做，一切都会很好。浏览器释放内存和其他东西吗？如果我在不刷新浏览器的情况下执行数千个这样的ajax请求，该怎么办？我会发现内存泄漏吗？
浏览 1提问于2014-01-29得票数 4
回答已采纳
1回答
有个问题一整天都在困扰着我。我不太确定如何描述它，除了我在浮动的容器上遇到了一个div的问题，这似乎只是Chrome的一个问题。
看看这个：。文本旁边应该有一个条纹，但在Chrome中，它看起来像一个删除线。
HTML：
<div class="wrapper">
<div class="content">SOME GOOD TEXT</div>
<div class="stripe"></div>
</div>
CSS：
.wrapper::after {
浏览 0提问于2012-04-24得票数 2
回答已采纳
1回答
我正在为表单使用Jquery验证插件。一切正常工作，除非我标签到提交按钮，它改变了文本的颜色。我试过使用“忽略：”选项，然后在validate()函数中指定submission按钮的类，但这是行不通的。
$("#edit_phone_form").validate({
ignore: ".orange-button",
rules: {
phone_number: {
required: true,
phoneUS: true
}
}
});
如果有人知道我如
浏览 3提问于2014-04-01得票数 0
回答已采纳
我正在尝试使用similar_text()和in_array()在PHP中做一个简单的拼写检查和建议程序。我有一个文本文件，dictionary.txt，它是英语中的大多数单词。
首先，我将文本文件中的所有单词放入一个数组中，每个单词占一行。然后，在用户输入和提交时，我使用in_array()检查他们输入的单词是否在数组中。如果是，那么他们就拼写正确了。
如果不是，则使用similar_text()在数组中查找与拼写错误的单词相近的单词。
我遇到了两个我无法解决的问题，我相信我根据in_array()文档正确地使用了similar_text()和PHP。
第一个问题是，当用户输入和提交文本文件
浏览 0提问于2013-06-04得票数 4
回答已采纳
2回答
我有一个我不明白的问题。在父div中，我有一个链接，我想要填充完整的父宽度。
#changePassword {
width:100%;
height:5.28%;
border-bottom:1px solid #a9aaa7;
background:#3c3c3c;
}
#changePassword a {
width:100%;
height:100%;
background:url(iconPassword.png) no-repeat;
color:#FFF;
font-size:1vw;
text-
浏览 1提问于2015-04-22得票数 2
1回答
我这里有动态添加文本框的JS代码。我想添加另一个按钮，删除这些文本框，以防添加按钮被意外点击。谢谢!
<script language="javascript">
row_no=0;
function addRow(tbl,row){
row_no++;
if (row_no<=20){
if (row_no<=20){
if (row_no>=10){
var textbox = row_no+'.) <input type="te
浏览 3提问于2012-11-19得票数 0
1回答
假设我在React组件中有下一段代码
removeItem = (item) => {
this.items.remove(item) // this.items -> mobx array
}
renderItem = (item, index) => {
var _item = undefined
switch (item.type) {
case "header":
_item = <Header key={item.id} onRemove={() => this.remov
浏览 2提问于2017-11-06得票数 0
回答已采纳
我有个奇怪的问题。
在我的页面上，包装在超链接标签中的文本被稍微下推，就好像它应用了一些额外的“行高”属性，但我不知道这个属性是从CSS中的什么地方调用的。
示例:页面右侧的"Listen via→iTunes·Winamp·WindowsMedia“。"Listen via“部分是正常的，但是一旦超链接开始跟在它后面，就好像它们有一个不同的行高。
我已经直接梳理了网站的.css文件，并使用Chrome的元素检查器窥探了代码，但我似乎找不到让超链接文本看起来有点不对劲的罪魁祸首。
有谁有什么想法吗？
浏览 9提问于2012-04-17得票数 0
回答已采纳
我已经尝试了以下代码：
<html>
<head>
<title>My Test Page</title>
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript">
**$(document).ready(function(){
$(':input').keypress(function(e) {
浏览 0提问于2012-03-31得票数 0
当发生on change事件时，我正在尝试在<textarea>中添加文本。
它在第一个更改事件中工作得非常好。但是，当我删除文本区域内的文本并执行另一个更改事件时，它不起作用，是否再添加文本？
我真的很困惑为什么它不能工作。下面是我想要完成的工作的一小段。
$("#test").on("change", function() {
$("#textarea_test").text("Hello");
});
<script src="https://ajax.googleapis.com/aj
浏览 2提问于2015-06-14得票数 0
5回答
短引号的<q>元素在文本中添加引号：
<p><q>This is a quote.</q></p>
你能告诉我在段落中直接使用引号字符(即“")有什么好处吗？
<p>"This is a quote."</p>
可以对其进行特殊的样式设置，但似乎也可以使用<span>元素，那么<q>元素的主要优点是什么呢？
浏览 2提问于2012-02-24得票数 5
回答已采纳
我正在实现一个基本填充表单的chrome扩展。
此表单中包含ProseMirror富文本编辑器。
我想在文本编辑器上触发Ctrl+V或粘贴操作，但找不到任何解决方案。到目前为止，这些都是我尝试过的：
let el = document.querySelector('[contenteditable="true"]')
el.focus()
navigator.clipboard.readText().then((clipText) => {
// el.innerText = clipText doesn't work
// el
浏览 14提问于2022-12-04得票数 1
回答已采纳
我有一个既包含图像又包含一些文本的容器。我想要的文本是垂直和水平居中的图像。
似乎最简单、最具前瞻性的方法是使用Flexbox和文本的绝对定位：
.container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.text {
position: absolute;
}
<div class='container'>
<div class='text'>
This should
浏览 5提问于2017-06-08得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
