当收缩为假时，带有图标装饰的Material-UI文本字段的标签位置
是在文本字段的左侧。
Material-UI是一个流行的React UI组件库，提供了丰富的可重用组件，用于构建现代化的Web应用程序。其中的文本字段组件可以通过设置属性来实现带有图标装饰的效果。
在Material-UI中，文本字段的标签位置可以通过设置InputLabel组件的属性来控制。当收缩为假时，即文本字段未获得焦点或输入内容为空时，标签会显示在文本字段的左侧。这种布局方式可以提供更好的用户体验，使用户在输入内容之前清晰地了解所需的信息。
以下是一些推荐的腾讯云相关产品和产品介绍链接地址，可以用于支持云计算和Web应用程序的开发和部署：
- 云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行Web应用程序。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可靠的云数据库服务，用于存储和管理应用程序的数据。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储和管理应用程序的静态资源，如图片、视频等。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，用于开发和部署人工智能相关的应用程序。详情请参考：https://cloud.tencent.com/product/ailab
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
? 我使用内部带有Icon的Material-UI TextField，如下所示。"Your good name here“的标签应该放在图标旁边，而不是重叠。 在我将InputLabelProps={{ shrink: false }}添加到TextField之后，就会发生这种情况。 我怎样才能正确地定位这个位置？有什么帮助吗！ 提前感谢！=) This is my code pen import React from "react";
import { makeStyles } from "@material-ui/core/styles"
浏览 15提问于2021-03-27得票数 4
回答已采纳
我使用资料UI textField标签，我想移除文字栏位的标签，但当我移除或设置为null的标签时，它就不工作了，而且我错过了该标签的边框顶部。
<Box
component="form"
sx={{
"& .MuiTextField-root": {
m: 0.2,
width: "100%",
marginBottom: "30px",
浏览 11提问于2022-02-27得票数 0
我想使用水平堆栈视图将图标(UIImage)放置在标签(UILabel)旁边。我想要它，所以图标总是和标签的文本一样高。如果用户增加系统字体大小，我希望图标相应地调整以保持相同的高度。
注意，带有图标和标签的堆栈视图位于UITableViewCell中。
我该怎么做？
到目前为止，我有以下AutoLayout设置：
UITableViewCell高度设置为默认。
堆栈视图受限于UITableViewCell的大小。
堆栈视图对齐和分布设置为填充。
UILabel内容拥抱优先级250和抗压缩优先级750。
UIImageView内容拥抱优先级250和抗压缩优先级749。
浏览 2提问于2017-08-05得票数 8
回答已采纳
文本字段的图片：
您可以忽略顶部的“名字”标签和底部的错误标签。我试着让TextField看起来像照片中的样子，但我不确定如何使前缀图标位于左侧边缘，我也不知道如何使TextField的线条更粗。
浏览 0提问于2020-03-15得票数 0
我目前正在实现Material-UI Autocomplete组件，我希望每个选项标签都显示一个图标和一些文本。但是，我只希望弹出器是文本输入的全宽，然后向通常会在弹出器宽度上溢出的任何文本添加一个省略号。
在我的renderOption方法中，如果我返回<Typography noWrap>"Text"</Typography>，它会成功地强制文本带有省略号，但是如果我将它放在网格或弹性框中，以便也包括图标，那么弹出器组件将能够水平滚动。是否有一种方法可以将弹出器视口固定为自动完成的宽度，以便renderOption方法中的文本可以换行？
import
浏览 15提问于2021-03-03得票数 1
1回答
可以创建一个带有图标的jlabel，以便图标右对齐(右对齐)，文本左对齐。这意味着，在相同的标签组件中，我希望文本出现在标签的最左端，图标出现在最右边。
浏览 37提问于2012-09-13得票数 0
回答已采纳
2回答
材质UI图标中的标签
、、、
我在react项目中使用material-ui和material-ui图标。我是新来的react。 有没有人能教我怎么做带标签的图标？我想把标签放在图标的正下方。例如，文本"Home“写在"Home Icons”下。我正在尝试实现一些类似于微软团队在侧边栏导航(web版)中实现的东西。 我读了API，发现里面有一个道具组件。然而，每当我使用它的时候，我都在尝试，图标消失了。 请访问此链接https://codesandbox.io/s/material-demo-forked-nohsm?file=/demo.js我将获得以下结果： ? 这是我的代码 import R
浏览 27提问于2020-10-01得票数 0
回答已采纳
1回答
我想要将material-ui图标与文本对齐，以便图标的最低绘制点恰好从基线开始。我们使用Material-UI Grid layout。
问题是:如果我允许图标对齐到“基线”，它就太高了。如果我使用alignSelf: 'center'，它就太低了。在这一点上，我可以以某种方式绝对定位图标，以匹配文本基线，但我不知道这在flexbox中是否可行。
<Grid container justify="space-between" xs={6}>
<Grid item>
<Button variant="
浏览 10提问于2020-05-22得票数 1
回答已采纳
我有一个带startIcon的material-ui Button，我想在小屏幕上隐藏按钮文本，但继续显示图标。 最明显的方法是使用useMediaQuery钩子来检测浏览器大小并呈现不同的组件。 然而，我不得不想象有一种方法可以通过使用CSS api来实现。乍一看，我无法针对文本元素隐藏它，因为它被包装在与图标相同的父元素中。Button CSS api的label字段包含图标，因此添加一个display：'none‘不起作用，因为它同时隐藏了文本和兄弟图标元素。 对于material-ui，有没有标准的方法。
浏览 22提问于2020-04-22得票数 0
回答已采纳
如何在Zend Framework中的表单元素后面添加文本？假设我有一个文本输入字段，首先有一个标签，在标签下面有一个实际的输入字段，但我想在输入字段后面添加一些额外的文本(2-3个句子)。例如一个简短的提示或建议，该字段的最佳价值是什么。
浏览 0提问于2009-10-26得票数 1
回答已采纳
我有这样的看法：
字段A(内联)
字段B(内联)
字段C(内联)
字段D
我想把它展示成这样：
字段A标签:值字段B标签:值
字段C标签:值
字段D
显然，我需要在字段B的值之后创建一个中断，但是，如何才能做到这一点呢？我的样式表中的CSS？重写HTML以显示字段B？在视图中添加“自定义文本”字段？看来一定有更简单的方法..。
我很少处理主题，所以我不知道如何最好地解决这个基本的格式化问题。
编辑:我已经意识到，使视图标签内联而不是整个字段的解决方案也能工作，但我不知道如何做到这一点.
浏览 0提问于2012-03-23得票数 2
回答已采纳
我想将图标和标签文本移到文本字段的右侧。我尝试过textAlign: TextAlign.right，但它只用于输入文本。
TextFormField(
textAlign: TextAlign.right,
textDirection: TextDirection.rtl,
keyboardType: TextInputType.multiline,
maxLines: 2,
decoration: const InputDecoration(
icon: Icon(Icons.descriptio
浏览 6提问于2019-11-09得票数 4
回答已采纳
1回答
我需要在输入字段前后添加一些带有文本的随机html内容。
我知道我可以使用description装饰器并将转义选项设置为false --通过这种方式，我可以简单地将任意html块作为装饰器注入。
但这只占了一个html块-我需要第二个输入字段之后。如果我只需在输入字段后再次输出描述修饰符，那么就会输出相同的描述chucnk。
( 1)是否有一种在不同内容下多次使用描述装饰的方法？
( 2)在标签装饰中，是否有一种使用span标签而不是标签标签的方法？
3)可以将随机html注入到HtmlTag装饰器中吗？
谢谢!
更新：--我通过创建简单的自定义装饰器来解决我的问题，它允许我在任何地方插入任意
浏览 2提问于2011-03-06得票数 3
回答已采纳
我有一个带有标签列表的应用程序。如果本地图像以"HDLISTITEMICONURL“的形式提供，则图标与文本对齐。但是当我们使用远程图像作为图标url时，图标就会错位。对于同样的问题有什么解决办法吗？
浏览 9提问于2018-03-02得票数 0
在下面的例子中，我使用了一个type='search‘的文本字段。 ? “清除”图标会自动出现。如何更改此图标的样式或将其替换为我自己的图标？ import SearchIcon from '@material-ui/icons/Search';
<TextField
placeholder="Search"
type="search"
variant="outlined"
fullWidth
size="small"
onChange={handl
浏览 72提问于2020-12-08得票数 4
回答已采纳
CSS代码，用于使用flexbox的header组件 .header {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 15px 20px;
background-color: #ffffff;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0px 5px 8px -9px rgba(0, 0, 0, 0.75);
}
.header__left {
浏览 98提问于2020-09-04得票数 0
1回答
我在用。我试图实现。我的组成部分：
import React from 'react';
import {IconMenu} from 'material-ui';
import MenuItem from 'material-ui/lib/menus/menu-item';
export default React.createClass({
render() {
return (
<IconMenu
iconButtonElement={<div>Tried IconButton i
浏览 2提问于2015-08-02得票数 4
回答已采纳
我试图在概述的变体中使用Material中的TextField组件，但是由于某种原因，标签会直接通过值吗？我怎么才能解决这个问题？
我在下面的codesandbox.io中复制了它：
App.tsx
import { TextField } from "@material-ui/core";
import "./styles.css";
export default function App() {
return (
<div className="App">
<TextField variant=
浏览 2提问于2021-11-24得票数 1
回答已采纳
我正在尝试为垂直选项卡使用Material-ui选项卡组件。我遇到的问题是如何使用除预定义图标以外的图像，而不是文本标签？
我试着使用一个阿凡达组件，像这样打破Tab：
<Tab label="Item Two" {...a11yProps(1)}>
<Avatar alt="test avatar" src="/logo192.png" />
</Tab>
当我把它放在TabPanel中时，头像就可以工作了，所以我知道它是正确的，并正确地指向了图像，但是当我把它放到标签中时，如上所
浏览 2提问于2020-08-26得票数 0
在我的一个React项目中，我使用的是带有package.json中那些信息的Material图标
"@material-ui/core": "^4.9.10",
"@material-ui/icons": "^4.5.1",
在我添加图标ContentCut之前，所有图标都正常工作，该图标在上可用：
我就是这么进口的：
import ContentCutIcon from '@material-ui/icons/ContentCut';
但我知道错误是：
模块未找到:无法解析“@material ui/图
浏览 14提问于2020-06-23得票数 3
回答已采纳
我正在尝试制作一个Appbar组件。我在左边的side.Now上有一个菜单图标和公司名称，我想在Appbar组件的最右边显示配置文件图标、通知图标和欢迎字符串。
我使用了带有using left:auto属性的div标签，但我希望使用网格组件来完成。
import React, { Component } from "react";
import Appbar from "@material-ui/core/AppBar";
import { Toolbar, IconButton, Typography, Avatar, Grid } from "@m
浏览 21提问于2019-07-30得票数 0
我有一个zend形式的元素
$item1 = $this->createElement('text','item1');
$item1->setLabel('Enter item 1:')
->setRequired(true)
->setAttrib('class','hide_textbox');
这里的hide_textbox是css文件中的一个类，它使display none。它是隐藏文本框，但不是标签，我想隐藏带有标签的文本框(我不想使用removeDe
浏览 0提问于2011-07-01得票数 1
1回答
我正在处理一个表单，其中包含一个带有复选框选择模型的网格面板，用于选择用户。提交之后，用户ID(以及其他表单字段值)将是POSTed到服务器。这是完美的。
但是我需要为这个特殊的(自定义)字段添加一个自定义验证--如果没有选择任何用户，则显示一个带有错误工具提示文本的错误图标。以下是自定义字段组件的屏幕快照：
正如您在图像中所看到的，有一个标题(由xtype: label完成)，然后是一个空空间，当前填充的标签中没有文本(红色矩形标记的区域)和网格本身。如果我选择一个用户(或更多)，其名称(空白数据)将显示在该空标签中。
但是在验证的过程中，如果没有选择用户，我需要在这里的某个地方显
浏览 1提问于2013-08-26得票数 1
回答已采纳
我有一个组件包装器，可以在我的应用程序中减少一些重复的代码。这个包装器有一些道具，所以我可以选择打印一个带有图标的文本，还是一个链接到另一个页面的图标。我的目标是用图标呈现文本，图标不能作为链接点击，但是如果我只呈现一个图标，图标就可以作为链接点击。
rowListComponent：
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import PeopleIcon from "@material-ui/icons/People"
浏览 1提问于2020-03-19得票数 1
回答已采纳
我在我的Swift项目上有一个UIButton，我想使用一个字体很棒的图标，里面有一个文本。
我知道我可以为按钮设置一个标题，但是，只要我需要图标和文本采用不同的文本大小，我就不能将它们组合在同一个title标签中。我也考虑过使用一个带有属性标题的图像(来设置字体令人敬畏的图标)，但是我不能改变字体令人敬畏的图标的颜色。
我知道在UIView中添加两个标签可以得到这种行为，但我想知道在UIButton上是否有可能得到这种行为。
提前感谢！
浏览 4提问于2016-09-06得票数 2
回答已采纳
我想使用的概述样式，它的标签必须包含带有文本的图标
请参阅的现场演示。
代码摘录：
const IconWithTooltip = () => (
<Tooltip title="Text explaining stuff">
<HelpIcon />
</Tooltip>
);
const Example = () => {
return (
<div>
<FormControl variant="outlined">
<
浏览 1提问于2020-02-24得票数 3
回答已采纳
2回答
我使用material-ui和typescript作为我的react项目(rtl布局)，我不知道如何将文本字段的标签放在右边？
浏览 0提问于2019-05-18得票数 5
回答已采纳
1回答
我必须在Pickerview中显示字体列表。当我在选择器视图委托方法中设置字体数组时，其中一个名为“Bodoni装饰物”的字体在选择器视图标签中被扭曲，其余所有字体都会正确显示。
请参阅图片：
我从下面的代码中得到字体列表：
#pragma mark- Font Array return methods
-(NSArray*)fontFamilyArrayReturnMethod
{
NSLog (@"Font families: %@", [UIFont familyNames]);
return [UIFont familyNames];
}
浏览 1提问于2014-03-04得票数 0
回答已采纳
我试图使用flex对齐标题文本。但这条线并没有像我预期的那样工作。
以下是博客的两张图片。
这些项目是使用空格对齐的。
container: {
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
width: '100%',
}
// btw, I am using material-ui class
然而，由于链接文本的大小和元素以及三点图标的不同，文本、博客、和在中的位置不同。
如何将文本
浏览 3提问于2021-05-27得票数 0
回答已采纳
求求你，我需要帮助！好的，这里有一个带有画布的HTML5文档。Javascript在画布上渲染贴图。地图上有跟踪器，显示城市中汽车的位置。每个跟踪器-它是带有文本标签的图标，包含数字。
可能会有这样的情况，当汽车彼此放置得非常近时，在这种情况下，一个跟踪器的图标可能会过度标记另一个跟踪器。有覆盖的图标是正常的，但标签应该总是在视线之内。
我需要一个复盖跟踪器的分组标签算法。请帮帮我！我甚至不知道从哪里开始！
PS:这应该在没有任何第三方库的情况下完成，除了jQuery和jQuery UI (客户的要求)。
浏览 1提问于2013-04-24得票数 0
回答已采纳
3回答
我有一个简单的带有文本和图标的Jlabel元素
设置背景会更改整个标签的颜色。
我希望能够只渲染标签的文本部分的背景颜色，即-有单独的图标和文本的背景/前景。选择/取消选择标签将翻转图标和文本后面的颜色。仅仅通过扩展JLabel就可以做到这一点吗?如果可以，我应该定制哪些方法？
我的另一个想法是创建一个包含两个独立标签元素的面板，一个带有图标，另一个带有文本。它看起来有点混乱，在我开始之前，我想知道有没有一种更聪明的方法来实现这一点。
浏览 0提问于2010-03-25得票数 3
1回答
谁能告诉我如何在material-ui库中制作带标签的文本字段
查找类似以下内容的内容：
但是在npm包中找不到它
浏览 1提问于2016-01-25得票数 6
我正在寻找一种方法来改变默认的ASP.net MVC验证，而不是在每个不正确的表单字段旁边放一条消息，而是放一个图标。然后，我会在页面上的其他位置列出错误。图标将是一个图像，所以我需要在不正确的字段旁边渲染图像标签。除了放置一个图标，我还想在不正确的字段周围放置一个红色边框。
总而言之，当对特定字段触发验证时，我希望在字段旁边放置一个图像，而不是文本消息，并希望字段将css样式更改为带有红色边框的样式。有人知道怎么做吗？谢谢。
我正在使用带有剃刀视图的ASP.net MVC。我有过
@Html.ValidationSummary(true) <-- At the top of the f
浏览 0提问于2011-09-19得票数 4
回答已采纳
1回答
我见过这个几次了。我的应用程序中有一些按钮，其中有一个引导图标作为按钮标签的一部分。通常，我使用一个链接来创建这些链接：
<%= link_to '<i class="icon-remove icon-large">'.html_safe, department_path(department.id), class: "btn btn-small", method: :delete %>
但是，如果需要禁用按钮，则不能将link_to用作无法禁用的链接。
我也不能使用按钮，因为按钮标签不能包含html (即不可能有按钮标签
浏览 2提问于2013-12-03得票数 0
回答已采纳
我正在为uni做一个项目，作为其中的一部分，我正在翻译一些页面，并需要它们的RTL。
这些文本字段是在不同文件的类中声明的。
我已经设法将调用页面设置为RTL (使用[html dir='rtl'])，这会将所有元素移到页面的右侧，但文本元素的标签在其左侧，并与页面的左侧对齐。
在此文件中使用[html dir='rtl']没有任何效果。
以下是代码的相关部分(我认为)：
$keywords = new Zend_Form_Element_Text('keywords' , array('size' => '30&#
浏览 0提问于2016-04-10得票数 0
我需要在包含其他JMenuItem的JPopupMenu的顶部添加一个标签。到现在为止还好。出现这个问题的原因是，我的标签左侧有一个图标，就像“普通”JMenuItem一样，但其他项目不会像JMenuItem一样跟随标签对齐。如下所示：
第一项是带有图标的JMenuItem。请注意，所有其他JMenuItem将遵循带有较宽图标的文本对齐方式。
现在，如果我向JPopupMenu添加一个带有图标的JLabel，效果将不同：
或者更糟的是，如果我将一个没有图标的JLabel添加到包含其他带有图标的JMenuItem的JPopupMenu中，标签将不会跟随其他JMenuItem的
浏览 6提问于2016-07-14得票数 2
我有一个带有图标和文本的按钮，但我不知道如何将图标放在按钮的中间，把文本放在按钮的左下角。现在看起来是这样的：
<Button text="Text" GridPane.rowIndex="0" GridPane.columnIndex="2" prefWidth="135" prefHeight="110" style="-fx-background-color: rgb(176,30,0); -fx-text-fill: rgb(255,255,255); -fx-alignment: BOTTO
浏览 8提问于2020-05-20得票数 0
回答已采纳
1回答
我找不到一种方法来在material-ui中创建一组包含三个小(19px高)标签的单选按钮。我正在将浏览器应用程序从静态HTML/JS迁移到material-ui/react，并且我需要保持组的大小不变。 我开始使用的按钮组有三个垂直对齐的小单选按钮。这是一个截图： ? 下面是我使用material-ui文档所能做的最好的代码： <FormControl
margin="dense"
size="small"
>
<RadioGroup
size="small"
name="dat
浏览 17提问于2021-04-01得票数 0
回答已采纳
\documentclass[a4paper,12pt,oneside]{report}
\usepackage{OvidiusFMI}
\usepackage{times}
\usepackage{graphicx}
\usepackage{hyperref}
\usepackage{color,xcolor}
\usepackage{framed}
\usepackage{enumerate}
\usepackage{listings}
\usepackage{amsmath,amsfonts,amssymb,amsthm,epsfig,epstopdf,url,array}
\use
浏览 5提问于2021-06-27得票数 0
回答已采纳
我有一些问题，调整在文本字段中的东西在颤振。看看下面的快照
问题1-查看第一个文本字段中的标签(收入金额)。它不是以左边的图标为中心的。如何使以前缀图标为中心的文本字段中的标签文本？在下面的图片中，标签文本看起来有点偏离图标的中心。
问题2-看看下拉频率。当我选择一个值时，浮动标签移到顶部，但在文本字段文本和文本字段标签(红色行)之间留下了巨大的差距。看看第三个文本字段，其中的差距是最小的。如何消除空白，使我的标签文本显示为第三个文本字段？
我使用的是反应性形式，但它看起来与默认的颤振文本字段非常相似。这是部分代码
Widget amountField() {
return Re
浏览 1提问于2021-05-19得票数 0
1回答
嗨，我试图实现材料UI自动完成dropbox旁边的图标显示的文本。我的实现正在工作，但当我选择其中一个选项时，它不会显示。问题出在代码的这一部分： renderInput={params => (
<Fragment>
<TextField
{...params}
variant="outlined"
浏览 22提问于2019-12-19得票数 9
我是编程新手，我正在尝试找到一种方法，让搜索字段只过滤我想要的按钮。我在一个窗口中创建了一个图标文本按钮，并希望根据按钮标签名称对其进行过滤
这是一个例子来展示我正在尝试do.Also的东西，所有这些圆圈标签的名称是circleA，circleB，circleC，circleD。如果我输入circle，我想要显示具有该名称的按钮
我发现这个页面做的正是我想要的，但是，我怎么改变它，使它查找标签名称，并只显示一个我键入的for.Also，默认情况下，我想显示所有图标
浏览 0提问于2017-09-25得票数 0
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Stepper from '@material-ui/core/Stepper';
import Step from '@material-ui/core/Step';
import StepLabel from '@material-ui/core/StepLabel';
import StepContent from '
浏览 9提问于2022-09-10得票数 0
您好，我正在Flutter中创建TextFormFields，我有点沮丧，因为我不能在输入条目的左侧保留文本。 当您输入该字段时，hintText将消失。 仅当您输入该字段后，才会显示prefixText。 prefixIcon做的正是我想要的，但我想要的是文本而不是图标。 ? 上图使用prefixIcon和hintText。 有没有人有一个建议，如何将我目前的图标替换为永久文本，谢谢？感谢您的帮助。
浏览 170提问于2020-01-31得票数 0
我已经阅读了文档，但我有困难如何在材料UI的样式工作。 基本上，我有以下无线电群组组件： import React from 'react'
import Radio from '@material-ui/core/Radio'
import RadioGroup from '@material-ui/core/RadioGroup'
import FormControlLabel from '@material-ui/core/FormControlLabel'
import FormControl from '@ma
浏览 18提问于2020-11-03得票数 1
回答已采纳
2回答
我有一个要求，创建一个按钮在Windows8.1应用程序，其中有一个图标和文字标签。图标将是来自Segoe符号的符号，文本标签将在较小的文本大小下为Segoe半粗体。
我希望能够重用按钮在应用程序的不同地方，使用不同的图标和文字标签。
我怎么表现出来的？我可以创建一个按钮，然后编辑ContentPresenter，使其具有一个带有两个TextBlocks的面向水平的堆栈面板，但是如何重用它呢？如何更改两个不同文本块中的文本？
我是否应该为每个文本块字符串创建一个具有独立依赖项属性的单独的自定义控件？我想听听你会怎么做。
谢谢
浏览 5提问于2013-11-18得票数 2
回答已采纳
我有一个要求，我必须显示一个圆圈⭕️覆盖的搜索图标。我的意思是一个圆圈里面有一个搜索图标，当我切换鼠标时，必须显示一个工具提示。
我可以使用带有svg图标的FlotingActionButton来实现这一点，但问题是我不能在上面放置工具提示。
因此，据我所知，另一种选择是使用带有svg图标的IconButton。这有一个设置工具提示的选项。所以我像下面这样集成了它
import IconButton from ‘material-ui/IconButton’;
import SearchIcon from ‘material-ui/svg-icons/action/search’;
im
浏览 1提问于2018-01-25得票数 2
我注意到在一段时间前更新了CN1之后，搜索不再正确地显示在工具栏中。
当你点击搜索图标时，工具栏会改变，图标也会显示出来，但是输入搜索文本的文本字段(通常会显示提示)即使你开始输入也不会出现。只有当您刷新屏幕时才会显示，例如，在搜索字段或表单上单击。
Form hi18 = new Form("FormTitle");
hi18.setLayout(BoxLayout.y());
Container cont18 = hi18.getContentPane();
hi18.getToolbar().addSearchCommand((e) -> {
String
浏览 0提问于2019-11-13得票数 1
我想要居中的文本在一个材料-UI按钮，使文本是居中，而不管它旁边的图标。目前，图标包含在中间位置。
演示中的前两个按钮显示了它当前的外观，我正在寻找文本，就像它在下面两个按钮中显示的一样。在这些按钮之前和之后分别使用图标，而不影响按钮的文本。
import React from "react";
import Button from "@material-ui/core/Button";
import { makeStyles } from "@material-ui/core/styles";
import KeyboardArrowRig
浏览 3提问于2020-08-19得票数 1
回答已采纳
我希望在CSS中实现以下效果，并且不需要使用固定数量的像素来指定宽度(我很难用语言描述，但如下所示)：
带有两个“列”的行布局，可变长度文本的左列和可变数目图标的右列；这样两列都会在添加文本/图标时向左浮动并动态增长，但是当文本列扩展到达到最大宽度时，则会用省略号截断其中的文本；而图标列永远不会被截断。
更容易的是查看两个屏幕截图和代码，我链接到下面。代码实现了我所追求的效果，但是使用一个常量来表示图标的宽度。
是否有一种方法可以使用标准的CSS 而不使用常量？
Codepen：
.page {
border: solid 1px blue;
}
ul {
list-
浏览 2提问于2021-02-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
