CSS -文本始终居中的打字机效果

文章/答案/技术大牛

发布

1回答

css、css-animations

所以，我在网上找到了下面的例子，它工作得很好，除了我想补充的一个事实。随着打字机效果的应用，左边的字母总是移动和居中的，但我希望我的文本始终居中，并使其字母从左到右显示。我怎么才能添加这个？

浏览 22提问于2020-05-05得票数 2

回答已采纳

1回答

在一个基于文本的浏览器游戏中，我如何在对话中发挥打字机的效果？

html、css

在基于文本的浏览器游戏中，我如何使文本类似于对话框中的打字机效果，比如动物交叉和口袋妖怪之类的游戏？这将是我第一个以自己的方式完成的项目，我只是不知道如何产生这样的效果，甚至连语言也不知道。我计划用HTML、CSS和任何我需要的代码来实现这种效果。谢谢!

浏览 3提问于2016-01-30得票数 0

回答已采纳

3回答

浮点数上不需要的边距

css

如何修复"right“div中不需要的空白处。我想要达到的效果是保持.mid层始终居中，而不管side div的文本长度如何。podjetja</a> <a href="#">Iskanje</a> </div>

浏览 0提问于2012-04-16得票数 0

回答已采纳

1回答

打字机效果全宽

css

我复制了一个纯粹用CSS创建的打字机效果，但是闪烁的插入符号的动画正在整个页面的宽度上移动，而它应该停止在文本的末尾。这里有一个代码片段：有人建议解决这个问题吗？

浏览 2提问于2021-06-23得票数 1

回答已采纳

1回答

css打字机效果，显示所有文本，然后启动效果。

html、css

因为我的标题是所有要问的，下面是我的html代码：<h1> My name </h1></div>.line { /* position:

浏览 1提问于2019-05-08得票数 2

回答已采纳

2回答

AS3的打字机效果

actionscript-3、actionscript

我正在尝试用AS3创建一个打字机效果。我在打洞那天看了一些教程，但是找不到我要找的东西……这就是我想要的：-打字机文本效果-速度可以设置-不从外部.as文件导入-不从外部.txt文件导入(文本应该用变量定义)-如果文本字段充满文本，它应该“滚动”down....it应该跳到下一行，这样就有一个新的空行，打字机可以在那里写...你的action

浏览 0提问于2012-04-24得票数 0

1回答

如何将关键帧动画居中？

css

我有一个使用CSS的关键帧动画，我想(自动)使它居中的所有分辨率，浏览器等。我已经尝试做边距:自动等。但这总是导致我的动画不工作。也许我插入得不正确，但我不知道。下面是我的CSS代码： text-align:center; position:absolute; }0% { top:45%; } 50

浏览 1提问于2013-08-04得票数 0

3回答

循环CSS打字机效果和更改文本

javascript、jquery、html、css、effects

我需要遍历CSS打字机效果，并更改每个循环的文本。这是我用来实现打字机效果的代码。我猜我需要使用javascript，但我不确定该怎么做。你知道我该怎么做吗？

浏览 1提问于2017-03-16得票数 1

回答已采纳

1回答

在Angular中，<center>的替代方案是什么？

angular

Error: Template parse errors:1. If 'center' is an Angular component, then verify that it is part of this module. [ERROR ->]<ce

浏览 0提问于2017-09-22得票数 2

3回答

这是上一个SO问题的后续问题，但有足够的不同，可以作为单独的问题处理。 jsFiddle 演示了这一概念。我有一个横幅图像(中心)，然后需要在左侧和右侧重复图像，这将显示和重复取决于浏览器窗口的宽度。条件是左图像和右图像必须锁定到中央横幅图像的边缘。如果展开jsFiddle结果窗口，您可以看到这种效果-左右重复的图像始终锁定在中间横幅图像的一侧，并从该点向外扩展。所有这些都是有效的，但我使用了一个表格来实现这个<em

浏览 2提问于2012-07-01得票数 3

回答已采纳

1回答

将文本路径定位为包含圆SVG的中心

html、css、svg

我想要达到的效果是在圆心生成文本的类似打字机的效果。我遇到的问题是，除非是一个普通的text标记，否则我不能在圆圈中间对文本进行居中，但是，除非字符串被包装为textPath，否则我也无法获得打字机效果动画。现在我的短信断断续续。这是我的 width: 100%;}

浏览 3提问于2018-06-01得票数 0

回答已采纳

1回答

网页标题中的文本和社交媒体图标

html、css

我正在努力把一个个人网站放在一起，但是我现在被困在试图将我的社交媒体图标定位在我的头上。看下面我有什么自动取款机：文本和facebook图标是沿着我的标题底部对齐的，但是我希望将文本放在标题的中间，图标的顶部和底部之间的空间是相同的，这样它就会出现在中心。有人能帮我吗？Chilun</title> <link rel="shortcut icon" href="fa

浏览 3提问于2014-01-29得票数 0

回答已采纳

1回答

反应-我可以应用css效果的第一个渲染？

css、reactjs

我有一个简单的React组件，它通过CSS显示一些带有“打字机”效果的文本。我遇到的问题是，每次组件重新呈现时，都会重新显示此打字机效果，但我只希望它应用于第一次呈现，而不会再次出现。/Typewriter.css' return <div className='typewriter'> M

浏览 3提问于2022-10-29得票数 1

回答已采纳

1回答

如何更改CSS循环中每个伪元素的颜色

html、css、angular、css-animations

所以，我在我的网络上做打字机动画效果，我只使用我在谷歌时发现的css，但我只是想知道我是否可以将每个文本的颜色设置为不同？这是我把我的代码附在Codepen上，你们可以在这里查一下我只是想知道每个有文本的::after是否都有不同的颜色

浏览 9提问于2022-06-08得票数 0

1回答

为什么在邮件中发送时文本不居中？

html、css、gmail

我有一个普通的html代码。但是当我将这段代码发送到gmail时，它的外观发生了变化。在gmail中看起来像这里的文本没有居中，当我检查它时，我还发现并不是所有的css都传递给了gmail。bottom: 65px;left: 100px; 每当我将这个htm

浏览 0提问于2018-07-03得票数 0

1回答

首字下沉和居中文本

html、css、web-frontend

有这样的问题：我有一些居中的文本，我需要为该文本实现一个下拉式大写。我找到的所有示例都为dropcap效果使用了float:left css属性，该属性将第一个字母左对齐，而所有文本都左居中。

浏览 1提问于2014-02-11得票数 1

1回答

如何使用css使打字机文本效果循环

css

你好我正在尝试用css在我的页面上做一个打字机文本效果，我得到了一个特殊的片段，它给出了一个打字效果，但它确实发送了循环，我需要它循环<div class="typewriter, to { border-color: transparent }} 有没有人可以解释一下如何做这个循环，我在网上读到你需要把无穷大的单词加进去

浏览 16提问于2017-01-24得票数 1

回答已采纳

1回答