腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >选择中的Antd自动换行

问选择中的Antd自动换行
EN

Stack Overflow用户

提问于 2021-08-31 04:20:14

回答 2查看 653关注 0票数 1

我有一个Select组件和一个需要在给定宽度内适应其所有文本的选项。如果选项文本超出了定义的宽度，则应该对其进行换行。

到目前为止，我试图像下面这样设置Select组件的样式，但没有成功：

 <Select style={{ width: 250, height: "auto", wordWrap: "break-word" }} />

下面我有一个我试图实现的链接沙箱

https://codesandbox.io/s/search-with-sort-antd-4-16-13-forked-8fhnt?file=/index.js

可以使用Select组件进行文本换行吗？

reactjs

antd

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-08-31 04:44:43

您需要覆盖样式。

.ant-select-show-search.ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  height: auto;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item {
  white-space: normal;
  word-break: break-all;
}

CodeSandbox

票数 3

Stack Overflow用户

发布于 2021-08-31 04:48:20

.ant-select-item-option-content {
  white-space: break-spaces;
  word-break: break-word;
}

在代码沙箱中尝试：enter link description here

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68998571

复制

多图演示高效的神经架构搜索

人工智能

设计不同类型的神经网络诸如图像分类和自然语言理解通常需要大量的网络架构工程及专业知识。神经架构搜索(NAS)可使这些手工设计过程自动化。学界对NAS的研究兴趣与日俱增，特别是用于最近的深度学习模型优化。探索和发现神经网络架构有很多方法。这里小结一下在过去几年里，深度学习社区已经发展出以下方案，包括:

AI研习社

2019/06/10

8760

JavaScript高级(1) 面向对象 (多图)

面向对象编程

因为之前学过类,所以听起来还比较轻松,但是初学者(以前的我 - >-)可能会有点懵逼,建议先在网上好好查阅资料

y191024

2022/09/20

3130

【iOS】如何在 NSViewController、NSView 中关闭当前 NSWindowController ？

nsview nswindow self view window

我阅读了下 WindowController 的借口，发现其中有一个 close 方法，我们稍加替换，吧 NSApp 换成我们的 WindowController 本身看看效果

圆号本昊

2021/12/30

1K0

【iOS】如何在 NSViewController、NSView 中关闭当前 NSWindowController ？

nsview nswindow self view window

我阅读了下 WindowController 的借口，发现其中有一个 close 方法，我们稍加替换，吧 NSApp 换成我们的 WindowController 本身看看效果

圆号本昊

2021/09/24

1.2K0

【译】如何在JavaScript中复制Object

json lodash underscore 编程算法 javascript

不管在什么编程语言中，复制一个对象的值而不是它的引用都是一个十分常见的工作。复值对象的值和复制对象的引用的区别在与通过复制值可以得到两个有着相同值或数据，但是毫不相干的对象，复制引用意味着得到的两个对象在内存中指向相同的数据块。当objet A和object B都引用自相同的底层数据时，只要你操作object A，就会修改到object B。

腾讯IVWEB团队

2020/06/28

2.2K0

如何在JavaScript中处理大量数据

javascript 数据处理数据分析

在几年之前，开发人员不会去考虑在服务端之外处理大量的数据。现在这种观念已经改变了，很多Ajax程序需要在客户端和服务器端传输大量的数据。此外，更新DOM节点的处理在浏览器端来看也是一个很耗时的工作。而且，需要对这些信息进行分析处理的时候也很可能导致程序无响应，浏览器抛出错误。将需要大量处理数据的过程分割成很多小段，然后通过JavaScript的计时器来分别执行，就可以防止浏览器假死。先看看怎么开始： function ProcessArray(data,handler,callback){ Process

CSDN技术头条

2018/02/09

3K0

如何在 Chrome 中执行 JavaScript 代码

javascript

要在浏览器中执行 JavaScript 脚本，首先你的浏览器得支持。现在主流推荐 Chrome 浏览器，也可以使用基于 Chromium 的 Edge 浏览器。下面来介绍如何在 Chrome 中打开开发者工具，以及如何在开发者工具中运行调试 JavaScript 代码。

村雨遥

2022/03/14

6.1K0

【点滴】如何在JavaScript中清空数组？

javascript 编程算法

在使用 JavaScript 数组时，一个很常见的问题是如何清空数组并删除其所有元素。有几种方法可以解决这个问题，每种方法都各有利弊。

疯狂的技术宅

2021/03/16

3.3K0

如何在 JavaScript 中处理 HTML 事件？

javascript html 函数开发事件

在Web开发中，JavaScript是一种常用的脚本语言，用于增强网页的交互性和动态性。HTML事件是用户与网页交互时发生的动作，如点击、鼠标移动、键盘输入等。本文将介绍如何在JavaScript中处理HTML事件，以实现更丰富的用户体验和交互功能。

海拥

2023/06/27

3030

python中画雷达图_如何在Excel中创建雷达图

编程算法 jquery

参考链接： Python | 使用XlsxWriter模块在Excel工作表中绘制雷达图

用户7886150

2020/12/23

2.3K0

OpenVINO中的图象修复模型与示例演示

mask 脚本命令行模型

在OpenVINO的公开模型库中有一个图象修复的模型的，它支持使用mask作为参考，实现对输入的修复。模型来自：

OpenCV学堂

2021/12/29

7360

JavaScript页面后退或关闭

https java 网络安全

后退方法history.go(-1)如果无法后退时，会返回一个undefined，利用这一点来判断是否可以后退，不能后退时执行window.close()；

全栈程序员站长

2022/09/15

2.3K0

如何在 SwiftUI 中创建条形图

geometry swiftui 图表

条形图以矩形条的形式呈现数据的类别，其宽度和高度与它们表示的值成比例。本文将展示如何创建一个垂直条形图，其中矩形的高度将代表每个类别的值。

Swift社区

2022/12/12

5.2K0

以太坊·单机多实例演示

其他

摘要: 这是一篇演示如何使用一台服务器，运行多个以太坊客户端，并且将节点互联，完成两个节点之间的转账操作。

netkiller old

2018/02/22

1.6K1

如何在R中创建日历热图

函数数据

首先，我们运行Paul Bleicher创建的calendarHeat函数以显示日历热图。其次，我们创建一些随机的时间序列数据。最后，我们在两个调色板中绘制时间序列。

用户1359560

2020/04/01

4.5K0

如何在R中绘制树图(TreeMap)

r 语言

本文介绍了如何利用R语言中的Treemap函数绘制树图，并给出了一个实例，包括使用安装包、设定颜色范围、边框颜色、节点大小、填充颜色等参数。同时还介绍了两种方法，一是通过aggregate函数对数据进行分组，二是通过手动设置index和vSize、vColor、type等参数来绘制树图。

Erin

2018/01/09

5.3K0

如何在 PowerBI 中实现矩阵行中迷你图

bi desktop 可视化

这里显示了每位销售经理的 YTD 销售完成以及他的目标之间的差异，并通过迷你图实现了快速预览，以便直观看出其销售趋势。

BI佐罗

2022/01/05

6K0

以太坊·单机多实例演示

其他

摘要: 这是一篇演示如何使用一台服务器，运行多个以太坊客户端，并且将节点互联，完成两个节点之间的转账操作。内容摘要这一部关于区块链开发及运维的电子书。为什么会写区块链电子书？因为2018年是区块链年。这本电子书是否会出版（纸质图书）？不会，因为互联网技术更迭太快，纸质书籍的内容无法实时更新，一本书动辄百元，很快就成为垃圾，你会发现目前市面的上区块链书籍至少是一年前写的，内容已经过时，很多例子无法正确运行。所以我不会出版，电子书的内容会追逐技术发展，及时跟进软件版本的升级，做到内容最新，至少是主流。

netkiller old

2018/03/02

9190

如何在Hue中配置已启用SSL的HttpFS服务

其他

前面Fayson也介绍过《如何为HttpFS服务配置SSL》，在为HttpFS启用了SSL后，Hue中如何使用？本篇文章主要介绍如何在Hue中配置已启用SSL的HttpFS服务。

Fayson

2018/03/29

2K0

点击加载更多

相似问题

eventDrop在演示中不起作用-已关闭

如何在javascript中检查通知是否已关闭

如何在JavaScript中检查窗口是否已关闭？

javascript已关闭帮助

水平条形图索引已关闭

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问选择中的Antd自动换行
EN

回答 2

Stack Overflow用户

Stack Overflow用户

eventDrop在演示中不起作用-已关闭

如何在javascript中检查通知是否已关闭

如何在JavaScript中检查窗口是否已关闭？

javascript已关闭帮助

水平条形图索引已关闭

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问选择中的Antd自动换行EN

回答 2

Stack Overflow用户

Stack Overflow用户

eventDrop在演示中不起作用-已关闭

如何在javascript中检查通知是否已关闭

如何在JavaScript中检查窗口是否已关闭？

javascript已关闭帮助

水平条形图索引已关闭

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问选择中的Antd自动换行
EN