带有css的按钮上的文本对齐设计和图标

文章/答案/技术大牛

发布

1回答

css、ionic-framework、css-position

我需要它所说的帮助，我正在设计这些按钮，但他们看起来没有订单，我附上了图像。 page-home { text-align: center; font-size

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

1回答

设计中提到的与图像的文本对齐- Android

android、android-layout、textview

我想在android上实现以下设计，D要么是图像，要么是字符。如设计中所提到的，文本应该正确地对齐。有什么建议吗？我试过使用左可绘制的文本视图，自定义图标的单选按钮和复选框，但文本对齐是一个问题。提前谢谢。

浏览 3提问于2017-02-20得票数 1

回答已采纳

2回答

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

css

我有一个带有文本Create Group的按钮，当单击它时，它会变成一个Cancel按钮。为了保持视觉上的一致性，两个按钮将具有相同的宽度。两者在左边都有一个非常棒的字体图标，如下所示：我希望两个按钮的图标都是左对齐的，而文本是居中对齐的，所以成

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

2回答

如何在jquery按钮上居中显示图标+文本

javascript、jquery、html、css、button

我为UI创建的按钮由一个图标和一些文本组成，如下所示：我使用jQuery来创建按钮，其中的HTML如下：JavaScript是这样的： labe

浏览 0提问于2012-12-12得票数 1

回答已采纳

2回答

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

html、css、twitter-bootstrap

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

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

2回答

带有图像和文本的自定义按钮

ios、autolayout

我想在按钮上显示单选类型的图像和文本！

浏览 2提问于2018-04-27得票数 0

2回答

在JavaFX应用程序中制作类似Windows phone8的固定大小的磁贴

css、javafx、javafx-8

我设置了样式按钮，使其看起来像是带有CSS的磁贴，我还使用了setText()作为名称，setGraphic()作为图标。要让它看起来像一个真正的WP8磁贴，文本必须是左下角对齐和图形居中对齐。我使用过setAlignment()，但它提供了相同的图形和文本对齐方式。而且setTextAlignment()不适用于单行文本。

浏览 10提问于2016-09-07得票数 0

2回答

如何在Liferay中设置<aui:button>图标而不使用Javascript？

liferay、portlet、alloy-ui、liferay-aui

我正在尝试将图标设置为<aui:button>，就像在上一样。但是这里描述的解决方案在我的例子中不能很好地工作，因为我有一个表，并且在每一行上都有一个带有不同resourceUrl的按钮。/>是否可以在不

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

2回答

文本行中的图像略有偏移。

php、html、css、image、position

我试图通过处理一个带有CSS的超链接并在它旁边添加一个小图标来制作一个可点击的按钮。除了一个细节之外，所有东西都很好用，即图标，这些图标与按钮上的文本略有相抵。它看起来如下：如您所见，按钮上的白色图标(12x12px)略高于文本，触摸超链接的CSS</em

浏览 3提问于2013-10-21得票数 1

回答已采纳

1回答

按钮上的Netbeans 7.1.2图标位置

java、netbeans

我们使用的是Netbeans 7.1.2，按钮上有我们的图标。但我们也希望按钮上有文本。按钮较大(300，60)，图标较小(50，50)我们希望更改按钮上图标的默认位置，例如，按钮上的图标位于左侧，文本位于按钮右侧。在设计调色板上找不到任何明显的解决方案，

浏览 0提问于2013-03-23得票数 1

回答已采纳

1回答

内联块内的CSS垂直对齐方式

html、css、markup

我正在尝试用CSS设计一些按钮的样式，我的按钮容器是一个内联块，文本在块内垂直居中，使用line-height。问题是，当我使用另一个inline-block向按钮添加一个图标时，它似乎调整了前面文本的垂直对齐方式，尽管该图标正确地在中间对齐。-- without icon --> <a href="#" clas

浏览 0提问于2012-01-23得票数 3

回答已采纳

4回答

如何以图标为中心相互显示图标和文本

css、alignment、vertical-alignment

我有一个带有背景图像的i标签，然后跟着。基本上它是一个图标，后面跟着文字。我试图在中间对齐图标，然后在图标下方对齐文本。我该怎么做？<li /

浏览 7提问于2020-09-28得票数 0

回答已采纳

1回答

按像素将JButton文本移动到图标上

java、swing、user-interface、jbutton

我正在用Java创建一个桌面应用程序，它有很多定制的UI。它也有面包屑。我已经扩展了JButton类来为我的Breadcrumb按钮定制它。这是实际面包屑的截图。我使用了下面的代码对齐文本。setHorizontalTextPos

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

回答已采纳

2回答

为什么text按钮与一行中的普通文本不一致？

flutter

我有一个有两个子spaceBetween的行，第一个是普通文本，第二个是文本按钮，但是文本按钮与文本不一致，为什么？

浏览 1提问于2021-06-11得票数 0

回答已采纳

1回答

将图标与工具栏图标对齐- Android材料设计

android、android-layout、android-actionbar、material-design、android-icons

在“新材料设计”(使用AppCompat)中，我尝试将一些动作图标与新工具栏的抽屉图标对齐。类似于：我想我把所有的指标都看对了. 也许很傻，但我不知道我错过了什么。我怎样才能考虑到图像内部的填充来正确地

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

1回答

如何在链接按钮内对齐svg图像和文本？

css、bootstrap-4

我创建了一个按钮，在左边使用svg图像图标，在右边使用文本，但我无法将文本作为图标在中间对齐。似乎文本“授权”是对齐的顶部，而不是中心相对于图标的中间。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/

浏览 2提问于2021-06-11得票数 0

回答已采纳

1回答

使用中断标记并具有任意填充的元素对齐

html、css

我正试着设计一系列的按钮。根据设计，它们可以有任意的中断标记和图标。一个警告是，我不能相对地定位元素，top: -10px来修复对齐，因为这将导致我不得不更新容器上<em

浏览 5提问于2014-05-16得票数 1

回答已采纳

1回答

如何在Qt设计器中对齐标签而不裁剪标签内容？

qt、pyqt、qt-designer

它由一些由箭头分隔开的按钮组成。我试图使用带有箭头字符→的标签在Qt设计器中复制这张图片。问题是这个字符比它看起来要大，所以当我调整容器的大小时，箭头的下部消失了。我尝试使用垂直布局，使用垂直间隔对齐箭头字符与按钮的高度相同，但字符是被切割的。

浏览 2提问于2020-06-01得票数 0

回答已采纳

1回答

如何对齐按钮组件的标签？

actionscript-3、flash

我的场景里有一个按钮组件。但是，当我将labelPlacement设置为左时，它无法做到这一点。我怎么才能解决这个问题？

浏览 1提问于2014-09-09得票数 0

回答已采纳

2回答

在Wordpress中垂直对齐图标列表

wordpress、elementor

新的溢出和网站设计。我有问题，调整一个图标列表在中心使用Wordpress插件元素。这个问题出现在主页上。我尝试过几种类型的css代码，而这一种似乎是自定义css元素提供的唯一响应性的css代码。selector .elementor-icon-list-items { justify-content: center; 我

浏览 1提问于2019-09-18得票数 0

点击加载更多