如何在Material UI cardHeader中子表头内容之间添加空格？
在Material UI的CardHeader组件中，子表头内容之间添加空格可以通过以下步骤实现：
- 在CardHeader组件中，使用Typography组件来显示子表头内容。例如：
<CardHeader
title={
<Typography variant="h6">
子表头1
</Typography>
}
subheader={
<Typography variant="body2">
子表头2
</Typography>
}
/>- 在子表头内容之间添加空格，可以使用空格字符或者空格占位符。例如：
<CardHeader
title={
<Typography variant="h6">
子表头1 子表头2
</Typography>
}
/>或者
<CardHeader
title={
<Typography variant="h6">
子表头1     子表头2
</Typography>
}
/>- 如果你希望在子表头内容之间有更多的间距，可以使用Typography组件的
style属性来添加自定义样式。例如：
<CardHeader
title={
<Typography variant="h6" style={{ marginRight: '20px' }}>
子表头1
</Typography>
}
subheader={
<Typography variant="body2" style={{ marginLeft: '20px' }}>
子表头2
</Typography>
}
/>这样就可以在Material UI的CardHeader组件中的子表头内容之间添加空格或者自定义的间距了。
相关·内容
此问题针对物料界面卡片表头的副标题属性。这不是关于如何在javascript变量或JSX中插入空格。 下面的代码只产生句点前后的一个空格。我想包括更多的空间或材料之间的ui图标。
浏览 27提问于2020-10-24得票数 0
回答已采纳
我想将标题内容添加到Material-UI的DataGrid Export to CSV功能中。Export to CSV只导出表的内容，但我正在处理的一个项目中，客户端需要将属性和元数据添加到csv内容中。我所说的标题内容是指不属于表数据的附加字符串内容。我希望添加的内容是基本的字符串数据，可能只有几行。任何关于如何实现这一目标的想法或想
浏览 12提问于2021-06-16得票数 0
如何在三列之间，即三栏之间，添加一条“垂直线”。也就是说，我想在第一节和第二节之间添加一个云，在第二和第三节之间添加一列。ListItem, ListItemIcon, ListItemText,} from '@material-ui/core';
import InboxIc
浏览 1提问于2021-05-15得票数 0
回答已采纳
现在，我想要具有类似结构的图表，所以我尝试修改示例代码来表示我想要的数据，但是我得到了以下内容：如您所见，x轴中的滴答值之间的空格是完全混乱的，代码是相同的：<VictoryCharttheme={VictoryTheme.material} domainPaddingthis.state.colors}> </
浏览 0提问于2018-05-14得票数 2
回答已采纳
4回答
在同一行的两个字段之间添加空格
、、、、
如何在同一行的两个文本字段之间添加一些空格？我尝试添加页边距和填充，甚至在css中显示flex，但似乎都不适合我。 import "./styles.css";import ".
浏览 25提问于2021-04-29得票数 0
回答已采纳
/core/umd/material-ui.production.min.js"></script>在app.min.js中，我像这样导入了它们：import ReactDOM from 'react-dom';
import { Button } from
浏览 1提问于2018-06-01得票数 5
回答已采纳
3回答
如何添加对材料UI的RTL支持
、、、、
我正在构建一个LTR应用程序，我想添加RTL支持。该应用程序是基于材料用户界面反应。我可以将应用程序旋转到RTL，因为我使用的是CSS，只需在主体中添加dir="rtl“即可。我还在主题中添加了direction="rtl“，如提到的。让我们以这个为例：
正如您在这里看到的，我把填充部分留给了text元素。在RTL版本中，由于所有内容都被反转了，所以填充左在UI中没有任何影响，我的意思是必须用填充右侧来显示这两个元素之间<
浏览 1提问于2019-05-27得票数 8
回答已采纳
5回答
有人知道如何防止表格单元格中的文本换行吗？这是一个表的标题，标题比它下面的数据长得多，但我需要它只显示在一行上。如果柱子很宽也没问题。<table> <tr> <div>Really long column heading</div> <th>
浏览 20提问于2008-11-18得票数 335
回答已采纳
4回答
我在检测UIScrollView高度时遇到了真正的问题。我搜索了很多次，找到了这个解决方案：所以我从Content View拖到了View，然后做了Equal Height。但我不为我自己工作。如何动态设置UIScrollView height？正确的做法是什么？
浏览 3提问于2016-01-19得票数 2
这是我的HTML<td style="height:66px;"> <div style="text-align:center">
<md-icon class="material-icons head-mat
浏览 4提问于2017-08-30得票数 1
回答已采纳
13回答
我在我的项目中使用，并且在一个带有黑色背景的div中有一个Checkbox。但是看起来不太好，因为Checkbox也是黑色的。如何将Checkbox的颜色从黑色更改为另一种颜色？
浏览 6提问于2016-12-26得票数 54
回答已采纳
1回答
这是一个与/媒体7.2.X中设置媒体样式:如何在媒体7.1.2？相关的问题。📷📷
元素)之间调用主题函数和预处理/处理函数。
浏览 0提问于2012-11-27得票数 7
回答已采纳
如何在粘贴时(用空格)分隔字符串，使用数组中的键检查是否已粘贴？另一个解决方案是删除与$myWords中的键不完全相同的所有内容。这段代码是用来替换字符串的，我想要一种改进，一种验证字符串是否粘合的代码，并在它们之间添加一个空格，将它们分开：
$myVar = "my sisteralannis is not that blonde\b/ui'; // generate patterns using search wo
浏览 2提问于2017-12-14得票数 1
回答已采纳
1回答
当使用自动生成的标题(如内容类型、内容长度等)对邮递员进行测试时，应用程序运行得很好。但问题是，客户/消费者应用程序正在以multipart/form-data;boundary=----xyz----的形式发送内容类型(在多部分/表单数据之间没有空间；和边界)，并且请求失败了，并没有到达控制器(multipart/form-data；boundary=-xyz-)它工作得很好，当我们覆盖这个标题时，这个空格也不能在邮递员中工作。因此，问题在于<e
浏览 3提问于2020-09-15得票数 0
在现实世界中，这将是一个问题，对于动态构造的表单，您可以向表单添加类似的字段，或者可能添加同一表单的多个实例。
浏览 0提问于2010-06-10得票数 2
回答已采纳
1回答
我已经在React.js的网格中添加了文本。在这个来自Material UI的网格组件中，我渲染了不同的组件。有时我需要将视图一分为二，因此6half/12full width条件。当纸张(提升的div)组件(见下文)被添加到左边-或者网格中的rightPane时，页面的宽度变得很大，屏幕上有很多空白，所以它变得可以滚动到两侧。即使它应该遵循指定的网格6/12的一半大小。文本实际上在其网格内正确显示，但是在网格项之间添加了大量的空格。就像文本会泄漏出
浏览 18提问于2019-07-20得票数 0
在引导程序4中，当我将任何响应列类(如“class 8”)直接添加到"div“(类为" card”)时，在卡边框和内容之间添加了一些空格(下图中以黄色突出显示)。 </form> </div>
但是，如果我将卡片包装成"div"，并将上面的
浏览 0提问于2018-03-25得票数 1
回答已采纳
我正在尝试使jQuery UI工作，但它没有工作。下面是发生的情况。/jquery-ui.js:1157:26)
at jQuery.$.fn.position (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:27530/assets/src/js/jquery-ui/jquery-ui
浏览 15提问于2016-06-20得票数 67
<，>，#，任何剩余的“(如文本内容)，非ASCII字符和其他URL不安全的字符，如%。这留下单引号和空格。问题:如何在现代浏览器( IE11、Edge、FF、Opera、Chrome、Safari )之间的一致输出中安全地获取CSS背景图像？3Crect x='0' y='0' width='25' height='25' class='color2 size1' fill=
浏览 0提问于2017-12-24得票数 0
回答已采纳
在一个基本的MVC前端框架(如AngularJS)中，控制器和路由器是紧密相连的。但是使用基于组件的框架，路由器和控制器之间的界限要宽得多。这是最让我困惑的。以下是我正在尝试构建的应用程序的一个示例：
我有三个主要的UI元素:导航栏、内容区域和登录表单。因此，我创建了三个组件: my-navbar、my-content和my-signin。在路由器中，我总是完全改变视图(使用ui- AngularJS )。我如何在一个基于组件的框架中实现这一点。如何根据路由将其添加到组
浏览 0提问于2016-04-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
