具有相同行高的数字和浮动文本的Span
是一种HTML元素，用于在网页中创建具有相同行高的数字和浮动文本。Span元素是一个行内元素，可以在文本中的任何位置插入，并且不会破坏文本的结构。
Span元素通常用于对文本的特定部分进行样式设置或标记。通过为Span元素添加CSS样式，可以改变其字体、颜色、背景色、边框等属性，从而实现对数字和浮动文本的样式设置。
优势：
- 灵活性：Span元素可以嵌套在其他元素中，使得样式设置更加灵活，可以针对不同的文本部分进行不同的样式设置。
- 细粒度控制：通过为Span元素添加CSS样式，可以对数字和浮动文本进行精确的样式控制，实现更加细致的页面设计。
- 不破坏文本结构：Span元素是行内元素，插入文本中不会破坏文本的结构，不会导致文本换行或段落分割。
应用场景：
- 标记特定文本：可以使用Span元素对特定的数字或浮动文本进行标记，以便后续样式设置或JavaScript操作。
- 样式设置：可以通过为Span元素添加CSS样式，对数字和浮动文本进行样式设置，如改变字体、颜色、背景色等。
- 动态效果：结合JavaScript或CSS动画，可以实现对数字和浮动文本的动态效果，如闪烁、渐变等。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，其中与前端开发和网页设计相关的产品包括腾讯云CDN（内容分发网络）和腾讯云Web应用防火墙（WAF）。
- 腾讯云CDN：腾讯云CDN是一种分布式部署的内容分发网络，可以加速网站的访问速度，提高用户体验。通过将静态资源缓存到全球各地的节点服务器上，可以实现就近访问，减少网络延迟。了解更多信息，请访问腾讯云CDN产品介绍页面：https://cloud.tencent.com/product/cdn
- 腾讯云Web应用防火墙（WAF）：腾讯云WAF是一种用于保护Web应用程序的云安全服务，可以防御常见的Web攻击，如SQL注入、跨站脚本（XSS）等。通过配置WAF规则，可以对网站的流量进行实时监控和过滤，提高网站的安全性。了解更多信息，请访问腾讯云WAF产品介绍页面：https://cloud.tencent.com/product/waf
相关·内容
1回答
我试图创建链接，在Facebook，twitter等使用雪碧图像跟踪。下面是由这些精灵图像组成的纯文本，设置为背景。我有问题，对文本，跨度和'a‘的垂直链接。
这是css
.sprite a {
border:solid 1px blue;
width:20px;
height:20px;
display:inline-block;
color:#00f;
background:url('images/sprite.png') 0 0;
}
span {
border: solid 1px red;
}
这是HT
浏览 3提问于2014-03-30得票数 0
回答已采纳
我在使用不同于表格单元格本身的字体大小的跨度的“中间”垂直对齐时遇到问题。
我想要实现的是这样的布局：
| | | Measurement (font-size: 100%) unit (font-size: 70%)| | |
所以我的标记看起来像这样：
<td class="value">Performance <
浏览 0提问于2014-11-03得票数 0
6回答
我正在写一个网页，其中我在一些文本上显示标题和日期。
我的HTML：
<div class="post">
<h2>Post 1</h2>
<span class="date">February 28, 2011</span>
<div class="post-content">
...
</div>
</div>
我的css：
.post h2
{
float: left;
}
.date
浏览 3提问于2011-03-04得票数 6
回答已采纳
这是我的疑虑。如果我浮动一个内联元素，因为它的display自动设置为block，而且块级元素的同级元素必须是块级元素(如果必须是匿名元素)，那么在下面的示例中，第一个和第二个匿名块不应该像块级元素默认情况下那样放在不同的行上吗？
<p>
This will be the first anonymous block, <span style="float: left;">this will
be the span</span>, and this will be the second anonymous block.
</
浏览 0提问于2012-01-30得票数 3
回答已采纳
5回答
我使用twitter bootstrap，我想把一个div块与右边的图片和文本垂直对齐。
代码如下：
<ol class="row" id="possibilities">
<li class="span6">
<div class="row">
<div class="span3">
<p>some text here</p>
浏览 2提问于2012-07-21得票数 31
回答已采纳
我有一个包含两个span标记的元素，每个span标记都包含一些文本。容器元素设置字体大小，然后将第二个span标记上的字体大小设置为较小的大小。当第二个跨度的字体大小减小时，该行和下一个块元素之间的间距会增加。这在WebKit和Gecko中都会发生。
p容器元素具有{ margin-bottom: 0; padding-bottom: 10px; }，其后续同级元素具有{ margin-top: -5px; }
下图说明了这种情况，并包含FireBug中文档结构的相关部分的快照。
为什么在减小第二个span标记的字体大小后，p标记下的间距增加？
浏览 3提问于2010-08-02得票数 7
回答已采纳
3回答
我有以下问题：
我有一个行高为18px，字号为16px的span元素。当其中的文本不是斜体时，这种方法效果很好；跨度保持18像素高。
当跨度内的文本是斜体或粗体时，就会出现问题。由于某些原因，span元素的高度增加了一个像素，我得到了一个19像素高的span。
这个问题只出现在firefox上。IE、Safari、Opera和Chrome都没有这个问题。无论如何，跨度都会保持18像素高。
以前有没有人遇到过这个问题？
这是令人不快的代码：
span
{
font-size : 18px ;
line-height : 18px ;
}
span.italicSpan
{
font
浏览 0提问于2011-12-12得票数 7
2回答
我正在使用和它的导航栏，但我正在努力创建一个右对齐的链接。链接显示在右侧，但其垂直位置不一致。
这就是我到目前为止所知道的：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
浏览 20提问于2016-07-23得票数 1
回答已采纳
所以我有这个HTML
<div class="container">
<div class="jumbotron">
<div class="row">
<div class="col-xs-6"> <span class="currency-symbol">$</span><span class="price">44</span>
浏览 5提问于2015-04-23得票数 1
回答已采纳
2回答
我使用浮动权利，使两个链接出现在每个列表项目的右边。但是，对于所有的列表项，它们都不会停留在正确的一侧，从而使其看起来像一个步骤。我尝试了很多组合，从不同的答案，所以大约4天。似乎什么都没起作用。
两天前，我问了这个，但是没有得到任何响应，可能是因为它有JSF代码。因此，我已经将生成的html简化为复制此问题的最小代码。
.labelTitleBox {
overflow: hidden;
width: 100%;
display: inline;
}
.layerPanelButton {
font-size: 18pt !important;
text-deco
浏览 3提问于2017-11-27得票数 0
回答已采纳
我们使用了一个300px wide div，因为我们有一个100px wide label标记，并使用了float:left，然后我们使用了三个场景。我们放置了：
带有input的width:400px
一种带有div的width:400px
一个小文本和大文本的span
您可以看到它们如何在这里呈现：
有人能解释为什么他们的渲染方式如此不同吗？
<input>也是块元素还是内联元素？
浏览 8提问于2011-09-17得票数 1
我在row-fluid和span12中有一系列span4元素。我希望能够根据需要输出尽可能多的浮点数，并让它们自动排成3列。我的问题是这种情况会发生，但有一个偏移量(未清除的浮点偏移量)。
有没有一种方法可以做到这一点，而不需要计算每个框和第三个框，关闭前一行并开始一个新的行？
<div id="content" class="clearfix row-fluid">
<div id="main" class="span12 clearfix" role="mai
浏览 4提问于2013-06-26得票数 0
5回答
我需要我的链接和按钮看起来是一样的，但是我不能像"button“标签那样垂直对齐"a”标签中的文本。重要的是要注意，标签需要能够处理多行文本(因此行高将不起作用)。
a,button {
display: inline-block;
-moz-box-sizing: border-box;
width: 150px;
height: 150px;
vertical-align: middle;
border: 1px solid #000;
text-align: center;
}
参见下面的jsfiddle：
正如您所看到的，我可以在内部使用s
浏览 3提问于2012-05-04得票数 12
回答已采纳
1回答
我目前正在努力刮刮我的互联网提供商的数据使用。我试着寻找某种api，但他们没有api。我正诉诸于抓取html，它看起来像这样
</tr><tr class="top-border"><td>17 Monday</td><td class='text-right'><span class='mb'>2,991.69 MB</span><span class='gb'>2.92&
浏览 3提问于2016-10-28得票数 1
回答已采纳
我想编辑HTML代码的外观，我对此一无所知。例如，我只想让它的文本变成青色。不管它是什么颜色。我试过了：
<p style="color:cyan !important;">
<span style="color:red;">Hello World</span>
<p>
别忘了这只是一个例子。我真的不知道span标签会取代什么。想象一下这段PHP代码：
echo '<p style="color:cyan;">';
echo $HTML;// the HTML co
浏览 3提问于2014-07-26得票数 0
1回答
所以我试图让一个图片文件在我的移动Wordpress主题中的div中间垂直对齐，文本在右手边。不幸的是，在图像上使用“垂直对齐:中间”会导致以下结果：
这是我的CSS：
<div <?php post_class('post clearfix'); ?> id="post-<?php the_ID(); ?>">
<div style="vertical-align:middle"><?php if (class_exists('MultiPostTh
浏览 1提问于2012-10-15得票数 0
2回答
我试图研究css float的行为。这里有一些连线：。我有一个容器，一个内联span和两个浮动p
<div id="box1">
<span>Box 1</span>
<p id="p1">Paragraph 1</p>
<p id="p2">Paragraph 2</p>
</div>
如果没有span，p1和p2将位于同一条线上。然而，当p1将span压缩到右边时，p2就会放到下一行中！
根据我的理解，p2应该放在p1的右边
浏览 3提问于2014-12-04得票数 1
回答已采纳
我正在使用著名的TokenInput，我正在重新设计CSS，我想让"X“看起来更大，但是文本不会与它保持一致，并停留在底部。知道我该怎么做吗？我有点困惑。
更新：
我现在已经在CodePen上发布了一个工作演示(当时JSFiddle已经关闭，但这也相当不错)。
谢谢
CSS:
/*actual token created*/
li.token-input-token-facebook
{
overflow: hidden;
height: auto !important;
height: 15px;
margin: 2px;
浏览 2提问于2013-01-25得票数 1
回答已采纳
4回答
我有一个H1标记，在同一行中，紧跟在H1标记之后，我有一个链接(在SPAN中)。我将H1标记和SPAN标记设置为float:left，它们显示在同一行中，这与我想要的一样。
然而，在偶尔出现的场景中，当H1标记有如此多的文本被包装到第2行时，下面的SPAN标记(内有链接)不再整齐地放在H1标记的最后一部分后面，而是出现在下一行。
<h1 style="float:left;">some really long text here ... blah</h1><span style="float:left;"><a href
浏览 5提问于2011-08-30得票数 1
回答已采纳
1回答
<ul class='list'>
<li class='list-item'>
<span>Entry 1</span>
<span class='button-group'>
<button>Delete</button>
</span>
</li>
<li class='list-item'>
<span>Entry 2</span>
浏览 1提问于2016-04-25得票数 0
下面是我的页面中的一个项目，它由包含两个并排div的div组成。第一项是大纲中条目的大纲编号，第二项右侧是大纲中该条目的内容。Controls_ContentPanel div可以包含许多不同的内容，通常是一些文本与单个输入控件配对。在textbox的例子中，我遇到了一个问题，因为textbox的字体样式没有被继承，所以它的字体更大，因此行高也更大，因此与textbox相同div中的文本使用了更大的行高。但是，包含大纲数字文本的第一个div中的行高较小，因此与文本框配对的跨度中的文本与大纲数字中的文本不对齐。我通过将两个div的行高调到22px修复了这个问题。
这是可行的，但是现在当我有一个单
浏览 1提问于2010-06-22得票数 0
回答已采纳
我试着把名字和地址写在同一行，地址在右边，标题在左边。它所做的是将地址放在一行中，而不是放在与name相同的行中。我该如何解决这个问题呢？代码如下：
<p>
<span id="name">First Last</span>
<span id="address">123 Address Rd.</span>
</p>
#name{
font-size:18px;
float:left;
color:white;
padding-top:30px;
}
#address{
float:
浏览 1提问于2014-09-18得票数 2
回答已采纳
在我的文章标题部分，我遇到了一些对齐问题。我做了一个屏幕截图，但这是实时页面：
图片在这里：
我选择检查我想要移动的区域，发现：
span.itemAuthorDetailss
position: relative;
text-indent: 4px;
bottom: 20px;
将bottom: 20px更改为一个较低的数字会使文本变小。至少在代码检查器窗口中。但当我在css文件中做修改时，页面乱七八糟。最重要的是，文本旁边的图像不会独立下移。我是个编程新手。任何帮助都将不胜感激。
浏览 1提问于2014-01-21得票数 0
我做了一个JS Fiddle，向你展示目前发生的事情。
<table>
<tbody>
<tr>
<td class="first">
</td>
<td class="second">
<span>
<span onClick={doSomething} class="underline-ho
浏览 4提问于2020-02-28得票数 0
回答已采纳
4回答
当我将固定大小的显示块<span>元素放置在<div>中时，会导致<div>底部出现奇怪的边距或填充(我不知道)。当<span>元素中有文本时，一切都很好。原因是什么？我怎么才能修好它？我在Firfox和Chrome上测试过。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
<!--
.outer {
background: grey;
padding: 4p
浏览 6提问于2013-04-24得票数 1
回答已采纳
1回答
我正在开发一个网站，我想展示这样的东西：
我当前的html代码是：
<body>
<div id="about">
<img src="images/aboutCardIcon.png"/>
<span>About</span>
</div>
</body>
这个html代码正确吗？我可以使用span标签吗？
我怎样才能在文本的中间居中？
浏览 0提问于2012-02-11得票数 0
回答已采纳
在使用之前，我经常使用SQL Server Management Studio 10.5编辑器中的正则表达式搜索和替换来清理自动生成的sql。下面描述的相同行为在Visual Studio2010编辑器中也会发生。
我有以下要清理的sql insert语句：
INSERT INTO [lttadev].[dbo].[GameInst]
([GameInstId]
,[GameSetId]
,[UserInfoId]
,[GameLevelId]
,[CreatedOn]
浏览 2提问于2012-03-06得票数 2
回答已采纳
1回答
我正在尝试使用CSS和HTML重现旧风格的标题。这是我想出来的代码。
body {
font-family: Palatino;
}
header {
text-align: center;
}
h1 {
text-transform: uppercase;
font-weight: normal;
}
.small {
font-size: 12pt;
letter-spacing: .1ch;
}
.medium {
font-size: 18pt;
letter-spacing: .2ch;
}
.large {
font-size: 2
浏览 6提问于2019-10-20得票数 1
回答已采纳
下面是演示：
<div class="container">
<span class="small">small text</span>
<div class="big">Big elements to be ignored</div>
</div>
正确的元素是我想忽略的元素(在现实生活中，这可能是一些不规则大小的元素)。
因此，父元素将有一个固定的高度(根据其填充和子元素的高度)，而不是展开以适应我想忽略的大型元素的高度。
浏览 3提问于2014-02-13得票数 0
回答已采纳
2回答
如何用C语言解析这一点？
1000
(如果是八进制012 * 10 ^ 2)
或
1200
(如果整数为十进制)？
浏览 3提问于2014-07-02得票数 1
回答已采纳
不幸的是，我不得不使用一个旧的程序来生成表单，但我可以摆弄CSS。该程序生成以下html：
<input type="checkbox" name="_QStrategy_QV03_CV02" id="_Q2_C1" class="mrMultiple" style="" value="V02">
<label for="_Q2_C1">
<span class="mrMultipleText" style="">D
浏览 0提问于2013-04-18得票数 1
回答已采纳
我将为我的一个项目制作一个jQuery插件，我正在尝试模拟一个带有div和spans的输入，以使其“更丰富”。
我没有输入，而是span (包含A用于删除)+输入，这样用户就不会看到差异，因为他将在没有边框的实际输入上输入，结果(接受时)将出现在字段左侧的一个矩形小框中。
但是我有一个问题: div的顶部和包含左边文本的跨度之间总是有一个缺口。同样，对于输入，两者在顶部和底部没有相同的边距。我试图删除不正确的上边距(或填充)，它看起来像3px从顶部和2px的底部。我似乎什么都试过了，结果总是会有太多的像素，在跨度的顶部&输入。
我在这里重复了我的问题(只有几行css代码)：
&l
浏览 2提问于2013-07-29得票数 0
3回答
我有以下标记：
<div class="blockSection">
<h5>Title of the section</h5>
...
</div>
现在，.blockSection的h5有一个固定的高度和40px的背景图像。为了垂直对齐文本，我总是将行高设置为与高度相同，因为文本不会分成两行或更多行。但问题是我使用的是带有font-face的字体，我不想在Mac上的Firefox和Safari中垂直对齐。在windows中IE看起来不错。
有没有人知道如何在不对浏览器应用不同行高的情况下使其正确呢？
浏览 1提问于2010-07-21得票数 1
3回答
我有一个包含文本和输入字段的span。我想知道是否可以将文本与左边对齐，输入字段与右侧对齐。
<span class="textBox">NAME: <input type="text" id="NAME"/></span>
.textBox{
display:inline-block;
width:450px
}
首先是我的跨度的一个例子，然后是它当前的CSS样式。
浏览 0提问于2013-08-20得票数 1
回答已采纳
我正在使用Bootstrap框架，并尝试让.span1和.span3 div在移动维度上水平对齐。当浏览器窗口命中断点(782px)时，图像和右侧文本的顶部对齐方式消失，文本变为水平居中并开始环绕图像。
我是Stackoverflow的新手，很难决定要提供多少代码。因此，任何关于我如何形成我的问题的反馈都会很有帮助。：)
你可以在的推荐部分下查看这个问题。
.span1包含一个图像，而.span3包含文本。下面是HTML：
<div class="testimonials">
<div class="row-fluid">
<div
浏览 0提问于2013-05-23得票数 0
考虑到以下标记和css：
<p>
<img src="" width="80" height="200"/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rhoncus
ante in vehicula mollis. Praesent auctor pellentesque erat, et sagittis
lorem lobortis sed. Nunc mollis pharetra massa, i
浏览 3提问于2016-03-14得票数 1
回答已采纳
3回答
先看截图。
正如您在前面的图片中所看到的，左边的单词更接近顶部，而右边的右边的单词更接近底部，我尝试使用vertical-align，但效果不太好。[]
我想要的是，左和右的单词垂直对齐文本框。
<div id="top_nav">
<div id="top_nav_container" class="clear">
<div id="top_nav_left" class="float_left">
<span&g
浏览 2提问于2014-04-30得票数 0
回答已采纳
3回答
我有以下代码
<li>
<span class="image">
<a href ='xyz'> this is a long link text </a>
</span>
</li>
遵循CSS
.image {
&:before {
content:(../image/xyz.png);
}
使用上面的代码，a href中的文本很长，并且在图像下面换行，我希望它从开始的地方换行。
例如
IMAGE this is a
浏览 2提问于2013-11-07得票数 1
1回答
最近我偶然发现了。我之所以找到它，是因为我正在寻找一个答案，即为什么前一个div中溢出的文本显示在下一个div的背景之上，而不是显示在下一个div的跨度背景之上，比如这里()：
#overflowed {
background-color: green;
width: 300px;
height: 100px;
}
#non-floated {
background-color: pink;
width: 300px;
}
#non-floated span {
background-color: yellow;
}
对此的解释是，浏览器以特定的顺序绘制元素，
浏览 27提问于2016-01-04得票数 16
回答已采纳
2回答
我有一个列表，其中的list元素包含一些我想像这样分割的文本：
|Foo..............Bar|
其中连表示元素的边缘，以及。表示空格。我的代码如下所示：
<li><span class="left">Foo</span><span class="right">Bar</span></li>
不幸的是，这是我所能做的。我尝试过将position: relative; right: 1px;和float: right;用于.right，但两者都不起作用。
编辑：text-align
浏览 0提问于2014-04-02得票数 1
回答已采纳
我有一个如下的bootstrap文本框：
<input type="text" class="span9" required name="input_text"/>
我希望我的输入框的高度是300px。对于宽度，span9会处理它。我在Chrome中使用了Inspect元素并覆盖了css，如下所示：
input.span9, textarea.span9, .uneditable-input.span9 {
width: 852px;
height: 300px;
文本框具有所需的高度和宽度，看起来很好。但问题是，我只能在大文本框之
浏览 0提问于2013-03-30得票数 1
回答已采纳
2回答
是否可以在一段中改变直线高度？
例如，如果我有一个段落或div或标签设置在一个特定的字体大小和线条高度，并需要该文本的最后部分更小，我可以在p或div内做一个跨度，并改变字体大小只是很好，但任何调整线高度不起作用。
我知道我可以将跨度更改为块或内联块，但这样就可以将文本封装在该段下面。如果可能的话，我想保持文本的内联运行。
示例@
p {
font-size: 18px;
line-height: 2;
}
span {
font-size: 12px;
line-height: 1;
}
---
<p>Lorem ipsum dolor sit amet,
浏览 1提问于2018-02-19得票数 1
回答已采纳
如果将微控制器的端口定义为输入，并且基座没有连接到某个地方的电路，那么该基的默认逻辑模式是什么(0还是1？)有可能改变这种状态吗？这是如何做到的呢？
浏览 0提问于2018-11-03得票数 1
回答已采纳
2回答
我正在制作一个“排序元素”网络游戏使用jQuery，HTML和CSS。虽然在FF、IE8、Opera、Chrome中一切都很好，但我在块元素中使用IE7包装词时遇到了问题。
下面是它在IE7中的表现(错误)：
在IE8中，带有包装文本的框只需展开以将其放在一行中，而不会有任何溢出。对不起，不能以新用户的身份提供另一个链接
不要介意元素的顺序，因为它是随机的。元素由jQuery动态生成。
HTML代码：
<div class="ui-sortable" id="area">
<span class="object">:
浏览 4提问于2010-02-20得票数 2
回答已采纳
如何使元素自动定位在页面中的新行上？在<br>中，我可以使用，但是如何在中添加类似于中断行的内容呢？
例如，假设我有以下代码：
<p>Lorem ipsum dolor sit amet,
<span id="elementId">consectetur adipisicing elit.</span>
Magni totam velit ex delectus fuga fugit</p>
span仍然与文本的其余部分位于同一行。如何将span文本完全通过CSS移动到新行上？
另一个例子是当使用displ
浏览 3提问于2011-04-03得票数 51
回答已采纳
1回答
最近，我在表的第一列中的文本后面添加了一个图像。图像对齐。
Chrome和Safari在同一行上显示文本和图像。Firefox向右对齐图像，但将其向下移动一行。在单元格中有足够的空间在一行上同时显示文本和图像。
如何使Firefox将图像显示在与文本相同的行上？
下面是一个演示这个问题的柱塞：
浏览 3提问于2015-11-09得票数 0
回答已采纳
我正在使用jQuery移动开发一个移动网站，并希望在我的“可折叠”元素中使用图像。
我的代码如下：
<div data-role="collapsible" data-collapsed="true">
<h3><img src="images/combo_a_small.jpg" style="width: 40px; height: 40px;" alt="Indian Food" />Combos</h3>
图像显示正确，但文本始终粘在图
浏览 1提问于2011-11-25得票数 2
回答已采纳
我有一个包含两个div的页面布局。它们都是float:left，因此显示为彼此相邻的列。我希望他们能一直保持这种状态。但是，如果最右侧div中的文本太长，则整个文本将向下移动到最左侧列的下方。如果文本很短，也会发生这种情况，但我会使浏览器窗口变小。我想要的是让长文本占据更多的行，但只在它自己的右列中。
CSS：
.left{float:left}
.right{float:left}
HTML：
<div id="container">
<div class = "left">
<span>some
浏览 1提问于2012-10-09得票数 3
我想使用html和css .so制作一个盒子模型，我做了一个嵌套的div，并使用左上角来正确定位.it工作。这是预览版。
但是，当我向div添加文本时，垂直对齐就会改变，这不是我想要的want.however文本正确定位在左侧的结果。
根据我的经验，我给出了浮点值，所以div应该忽略span标记，当我使用float:right而不是float:left .as时，您可以看到，当我使用右文本时，正确定位在右边，但为什么不使用左呢？
我想在左边对齐side.why，它的作用是这样的?我如何在不影响相对div的情况下定位左边的文本？
html代码
<div c
浏览 4提问于2015-11-25得票数 4
回答已采纳
2回答
我想要做的事情：，我试图对一些文本(一个区域名称)进行居中。本文将有三种不同的配置：
文本和一个浮动的右箭头
浮动左箭头文本和浮动右箭头
浮动左箭头和文本
这些箭头指向下一个区域或前一个区域，如果没有下一个或前一个区域，箭头就会消失，但文本仍然显示当前区域的名称。
问题：：当箭头消失或出现时，文本就不会保持中心位置，它的中心也会相应地移动。
我尝试过很多不同的方法来完成这个任务，但是所有的方法都失败了，这似乎是一个很简单的问题，但是我想不出来。
这里是我在JSfiddle:链接：中尝试过的一些测试
<ul style="text-align: center;
浏览 3提问于2014-07-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
