css字体图标与按钮ReactJS内两行文本对齐

文章/答案/技术大牛

发布

1回答

css、reactjs、font-awesome

我正在尝试将一个有趣的图标与两行对齐，其中图标与第一句话在同一行。myStyle.iconText}> {"This is the second sentence"}</Button> .CSS

浏览 20提问于2020-02-11得票数 0

回答已采纳

4回答

md-按钮内的字体图标对齐

javascript、css、angularjs、font-awesome、angular-material

我试图在按钮内对齐字体令人敬畏的图标，使它们相对于工具栏上的文本居中。class="fa fa-lg"></md-icon> </div></div> 第二个图标上的fa-lg使它看起来以中心为中心，尽管我怀疑它仍然与<

浏览 2提问于2015-11-27得票数 13

回答已采纳

1回答

CSS:带有嵌入阴影的图像和文本在带有渐变背景的链接(display:block)内对齐

css、html、gradient、shadow

>中插入一个图标，我用一个包含图标字体的<p>实现了这一点……再说一次没有问题...然后，我尝试在calibri中插入一些不同的文本，在同一块中的图标/font下面，并使用相同的样式(我想要有一个内部阴影，让事情看起来像是被“按下”的)。这里，我对结果并不满意，因为我很难对这两个元素进行对齐(我将其样式化为<p>，我是否应该使用<span>？)。作为一个例子，我想获得一个类似于facebook应用程序按钮的效果，但图像

浏览 4提问于2013-03-16得票数 0

1回答

字体图标1或2像素太高

css、font-awesome

我正在为一个网格做一个分页控件，并为“上一步”和“下一步”按钮使用了非常棒的字体图标。在下图中，您可以看到图像及其文本与页码不能很好地垂直对齐。在元素或伪元素上设置垂直对齐样式似乎没有帮助，因为没有一个垂直对齐设置能提供完

浏览 1提问于2018-11-24得票数 0

2回答

如何在按钮内居中显示一个字体很棒的图标？

html、css

我正在尝试创建一个带有X的小按钮(字体- am的<i class="fa fa-close"></i>)。我试着让它看起来像这样：然而，我遇到了一些让X在按钮内居中的问题。下面是标记： <i class="fa fa-close"></i>和css：

浏览 1提问于2016-08-26得票数 5

1回答

当文本都在同一个li元素中时，如何使文本从另一个文本的正下方开始

html、css

我使用的是响应式的css，显示在：上，我正在制作的这个列表有5个列表项，使用的是Font awesome图标。我有一个最小宽度为768px的媒体查询设置，当我放到下面的时候，菜单项中的文本开始出现在下面的行上。。有没有办法对齐文本，让它们从第一行开始，就像你们看到的那样--服务从图标下面开始，而不是从网络开始。我知道图标是文本，因此我也尝试了文本对齐，但不起作用。请帮帮我。如果有一种方法可以在这两行<

浏览 15提问于2017-03-11得票数 0

4回答

带分隔符的引导按钮

css、web-applications、twitter-bootstrap

我想创建一个bootstrap按钮里面有一个分隔符。我不能上传示例图片，因为我没有足够的声誉，但我希望你能理解:) 谢谢你的帮助！

浏览 2提问于2012-09-10得票数 4

回答已采纳

1回答

字体系列导致的垂直对齐问题

vertical-alignment

我正面临着一个文本在标签中垂直向下的问题。此问题特别适用于Open Sans google字体。Arial和其他字体似乎工作得很好。不知道问题出在哪里。请在此处找到jsFiddle：任何帮助都是非常感谢的。

浏览 1提问于2017-09-14得票数 1

1回答

如何改变省道的核心图标按钮和纸图标按钮的大小？

dart-polymer、core-elements

是否有一个简单的css样式条目，例如，将核心图标按钮的大小减半。 <div horizontal layout center>Expand Entries</div>理想

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

回答已采纳

2回答

字体族与字体--令人惊奇的对齐问题

html、css、font-family

问题背景：问题： Lucida错误对齐</

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

4回答

将css修改为font awesome

javascript、jquery、html、css、fonts

我正在使用这个文件在我的输入按钮上实现图标 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <input type=button class="submitter" onClic

浏览 32提问于2017-06-05得票数 0

回答已采纳

3回答

为什么有时垂直对中与高度/线高度不工作？

css、fonts、centering

我经常遇到一个问题，css单线垂直对中使用线的高度.我通常用这种方法来处理按钮。文本在某种程度上是中心的，但并不完美。

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

回答已采纳

2回答

Bootstrap 3垂直对齐文本到离子图标

html、css、twitter-bootstrap

我正在尝试使用Bootstrap 3在按钮内垂直对齐一个离子图标和文本。默认设置似乎是使用图标和文本的最低点对齐。<i class="ion-power ion-fw"></i> <span class="menu-label&qu

浏览 4提问于2016-04-27得票数 0

15回答

如何用一个超大的字体图标使文本垂直居中？

html、css、font-awesome

假设我有一个bootstrap按钮，上面有一个非常棒的字体图标和一些文本： <i class='icon icon-2x icon-camera'></i>如何使文本垂直居中显示？文本现在与图标的下边缘对齐：

浏览 12提问于2013-06-26得票数 259

回答已采纳

3回答

如何在span元素中垂直对齐文本，或者如何使跨度与文本相同？

html、css

在下图中，“进度表”一词在一个跨度内。蓝色框不是CSS的一部分，它是Firebug高亮矩形，显示外部跨度的尺寸。字体大小为48 up，但跨度高度计算为65 up，文本在此范围内垂直居中，导致文本顶部与时钟图标不对齐，时钟图标位于单独的HTML元素中。问题是:为什么跨度比它包含的文本要高，我如何才能(1)使它们保持相同的大小，或者(2)在跨度的顶部对齐文本

浏览 4提问于2012-10-10得票数 1

回答已采纳

5回答

如何将图标添加到垫图标按钮中

angular-material、angular5、angular-material2

我用的是有角度的材料我试图添加一个图标到按钮在看医生的时候，有这样一个：该按钮具有以下html： <a _ngcontent-c1="" aria-label="Angular Material" class=&quo

浏览 17提问于2018-01-05得票数 92

回答已采纳

1回答

我怎么把手风琴的超音符菜单设计成有酒吧的？

routes、navigation

我想显示我的超级鱼菜单与酒吧显示在图片(当在移动响应模式)，但目前我只能得到“菜单”。菜单功能很好，我只想添加条子。有人能告诉我吗？ 📷

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

回答已采纳

2回答

如何将一些文本左对齐，并使一些文本在同一行居中？

css

我有一个带有文本Create Group的按钮，当单击它时，它会变成一个Cancel按钮。为了保持视觉上的一致性，两个按钮将具有相同的宽度。两者在左边都有一个非常棒的字体图标，如下所示：我希望两个按钮的图标都是左对齐的，而文本是居中对齐的，所以成品应该看起来像这样：我试着将图标向左浮动，但也产生了将其垂直向上移动的意外效果display: block;

浏览 3提问于2016-11-24得票数 1

1回答

jquery-mobile的自定义CSS。中心可折叠报头

jquery、css、jquery-mobile

我想在jquery移动应用程序中对可折叠的头文本进行居中。<li><input type="button" value="Eliminar"></li> </div>}.ui-collapsible-heading .u

浏览 6提问于2014-02-19得票数 0

1回答

在按钮内垂直对齐文本

css、bootstrap-4、ngx-bootstrap

我试着把按钮的文字垂直对齐到中间。我们在各种设备上都使用了引导按钮，它对所有设备都很好，但在特定设备上则不然。我尝试过改变线条的高度，使用css重置，css规范化，并与其他一些css属性混淆，但没有一个可以垂直居中文本。(DevTools中的蓝色位)在我们的设备中是对齐的，而在其他浏览器中它是在元素的中心对齐的，我不知道如何在这两种浏览器中对齐它。编辑：如果您查看DevTools图片，问题不在于内容(内</e

浏览 5提问于2021-07-05得票数 0

点击加载更多