如何在宽度溢出的情况下使reactjs重排图例到下一行？
在React中，可以使用CSS来处理宽度溢出的情况，并使图例重排到下一行。以下是一种常用的解决方案：
- 使用Flexbox布局：使用Flexbox布局可以轻松实现元素的自适应布局和重排。首先，在容器的父元素上设置
display: flex; flex-wrap: wrap;来使图例自动换行。
.legend-container {
display: flex;
flex-wrap: wrap;
}- 设置图例项的宽度：为了确保图例项在宽度溢出的情况下能够自动重排到下一行，可以为图例项设置一个固定的宽度或者使用百分比。
.legend-item {
width: 25%; /* 设置为四列的布局，可根据实际情况调整 */
}- 处理图例内容溢出：如果图例项的内容过长，可能会导致溢出问题。可以使用
overflow属性来处理溢出，比如使用text-overflow: ellipsis;来显示省略号。
.legend-item .content {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}综上所述，使用上述CSS样式可以实现在宽度溢出的情况下使React图例重排到下一行的效果。
腾讯云相关产品推荐：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能图片识别（OCR）：https://cloud.tencent.com/product/ocr
- 物联网通信（IoT Hub）：https://cloud.tencent.com/product/iothub
- 视频点播（VOD）：https://cloud.tencent.com/product/vod
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BaaS）：https://cloud.tencent.com/product/baas
- 腾讯云游戏联机服务器（GSE）：https://cloud.tencent.com/product/gse
- 腾讯云元宇宙（QAG）：https://cloud.tencent.com/product/qag
相关·内容
1回答
我有一个有4个项目的图例。我把它们放在两行两列。每个图例条目的标签长度都有很大不同。如何使图例的每一行居中？目前，我正在使用：
plt.legend(legend,labels,bbox_to_anchor=(-0.0, 1.22, 1.0, 0), mode="expand", scatterpoints=1)
从该图中，您可以看到图例的行已对齐，因此符号彼此重叠。如何使行居中，使每一行都在图x轴上居中？
浏览 14提问于2017-12-12得票数 1
回答已采纳
1回答
我有一个多行图表与传奇在D3js。我面临的两个问题
图例文本的长度是不同的，所以如果我给出固定的x作为图例，有时它会与另一个图例重叠。
当20个传说水平出现时，它不会进入下一个line.it溢出svg.I，我希望它自动到达下一行。
变量颜色= svg.selectAll(".legend").data(series.slice().reverse()).enter().append("g").attr("class"，(系列)；图例=that.getColor“图例”).attr(‘transform’，'+(height+50)
浏览 5提问于2015-06-28得票数 0
所需经费如下：
省略“视觉效果”.“用于溢出图例项的文本。
调整大小后，图例项的宽度应随新容器大小进行调整。意味着如果图例项目有文本"blahblahblahblah"，并且在调整大小后，图表容器变得更小，并且没有足够的空间显示全文，则应该显示“blahblah.”。
我计算出了第一个要求，给图例itemWidth一个固定的像素宽度，并将textOverFlow设置为“省略号”：
chartOptions.legend.itemStyle.width = $container.width() + "px";
chartOptions.legend
浏览 4提问于2016-06-20得票数 0
回答已采纳
4回答
可能重复：
我有320宽的DIV。在其中有一个UL LI导航，其中每个LI都被左浮动以在一行中显示它们。我希望它们彼此叠在一起，并在父DIV的底部显示一个滚动条，以水平滚动内容。
我不知道LI的数量(动态生成)
我不知道UL的宽度(动态生成)
多个项目必须一次可见，而不只是一次！
我想用只使用CSS的方法来解决这个问题。
#菜单{宽度:320 ul；溢出:滚动；}ul li {浮动:左；显示:块；}车很长的文本项目Foobar foobar
问题:它不起作用。没有水平滚动条。浮动包装和堆栈在父DIV中的多行。
浏览 2提问于2012-07-13得票数 1
1回答
我无法确定这一问题的确切原因。我正在为一个图表创建一个动态的图例，我想把它放在一个“容器div”的精确中心。在创建了整个图例之后，我将组转换为位于div中心的位置。
然而，我看到的是SVG在300 at时被“剪裁”。从这个意义上说，它会溢出一些边界，而SVG图形的那一部分是不可见的。
我已经将示例代码放在这里的上。
我对上面的链接中写的代码混乱表示歉意。
这就是我用来翻译svg的东西。
d3.select(".avs-legend-group").attr("transform", "translate("+ xOffset + ",0)
浏览 4提问于2014-03-31得票数 0
回答已采纳
这是我的流程：
我的问题是，如何将图例编辑为两行，每行三行。我尝试编辑itemDistance，但在另一台计算机上，图例的样式也已编辑。
浏览 1提问于2018-01-03得票数 0
回答已采纳
我一直试图说服实质性UI步骤组件满足我的需要，即显示几个步骤和溢出，但是它继续这样做：
我不知道怎么解释这个错误..。分离器在水平溢出时做了一些奇怪的事情。是沙箱。我该怎么做呢？
浏览 1提问于2020-11-12得票数 2
回答已采纳
我使用谷歌交互式图表来显示图表，如线形图，条形图，匹配图等。我在图表的顶部显示图例。对于长图例，默认情况下，在Google Visualization API的新版本(2010年11月7日)之后，图例以分页的形式出现。但我不想将其显示为分页。是否有可能以不同的方式显示这一点，即所有的图例都在顶部的一个视图下？或者可以在第二行显示更多的图例，即在图例的第一行下面显示更多的图例(如果有更多的图例)？我找不到如何配置它。请帮帮我。谢谢!
浏览 0提问于2010-11-22得票数 1
我在react js中使用recharts.org中的Stackedbarchart。一切都很好，但是因为有一长串的条目，所以传说变得不那么宽泛了。那么如何在指定的宽度内将图例分成多行呢？
浏览 12提问于2020-04-17得票数 0
我有一个包含3个元素的列表，这3个元素具有一定的大小，可以放入一个容器(只能容纳一个列表项的<fieldset>。
现在，其他列表项在下面溢出，我需要在x轴上向右溢出。
以下是我正在讨论的内容的图片：
这就是发生这种情况的页面：
对如何实现这一点有什么想法吗？
浏览 1提问于2013-05-07得票数 0
回答已采纳
我在jquery浮点图中定位图例时遇到了问题。我正试图效仿另一个web应用程序中的一个工作示例。
在研究Firebug内部的样式问题时，我可以将问题隔离到传奇div中的div。它在我的示例中出现的方式和我自己的web应用程序之间是有区别的。
以下是div出现在我的示例web应用程序中的方式(正确)。
下面是div在我的示例web应用程序中出现的方式(不正确)，因此图例没有正确显示。
有人能给我一些关于如何解决这个问题的建议吗。我已经干了大约三个小时了。LOL。
以防万一这里有一个指向我的javascript的链接。
预先感谢
浏览 1提问于2015-02-14得票数 0
回答已采纳
我有很多插件，我真正想要的是一个额外的“插件栏”(比如)，我可以在其中放置插件的按钮。不幸的是，Firefox Quantum (版本57+)只接受文件中的WebExtensions或CSS代码。我正在尝试第二个选项:修改.css文件，使url栏的宽度达到我想要的宽度，并使导航栏的溢出部分在其下面创建一个“第二”栏(或者更确切地说，是第二行)，溢出的插件的按钮将停留在该栏中。
使用以下代码，我可以将urlbar-container宽度增加到我想要的宽度，但是nav-bar不会溢出，因此插件的按钮不会溢出到第二行。
#urlbar-container {
min-width: 1000p
浏览 4提问于2018-02-23得票数 0
这是我的情节，你可以看到在一个情节中有超过15行，虽然我在右上角放了一个图例，但我仍然很难区分每一行。
有更好的方法吗？例如，将图例放在每一行的旁边？我找不到API。任何帮助都是非常感谢的。
你可以的
浏览 1提问于2018-03-05得票数 4
回答已采纳
3回答
我正在尝试在我的matlab绘图中包含一个图例，它使用Latex解释器来显示图例文本。
但是，当我将图例设置为使用Latex解释器时，其中的文本溢出到图例框之外。
我尝试过调整文本的大小，但不管FontSize如何，都会发生这种情况。
以下是我的脚本的相关部分：
I = legend([h1 h2 h3],'RainFall Flux', ...
'Temperature term ($$\rho \alpha$$dT)', ...
'Salinity term ($$\rho \beta$$dS)'
浏览 1提问于2013-09-21得票数 8
我在处理反应元件方面遇到了麻烦。我的问题已经通过堆叠溢出在几个问题中得到了答案，但我无法解决我与他们的问题，这就是为什么我再次发帖的问题。
我的app-client.js文件
var React = require("react");
var ReactDom = require("react-dom");
var Router = require("react-router");
var Route = Router.Route;
var DefaultRoute = require("react-router").Defaul
浏览 3提问于2016-10-28得票数 2
回答已采纳
4回答
我正在尝试将AmChart图表图例放在一行中，但没有成功。图例是分开的(一行一个)。
来自documentation 的实际设置为
下面是。
"legend": {
"equalWidths": false,
//"periodValueText": "total: [[value.sum]]",
"position": "bottom",
浏览 1提问于2014-09-15得票数 3
3回答
我是一个新的谷歌图表，我不能获得一个良好的结果与周围的文字图表。
我的图表是这样的：
正如你所看到的，它同时剪切了横轴和图例，所以最终的结果并不像它应该的那样好。有没有办法解决这个问题？我已经阅读了这里的和一些帖子，但我还没有找到这样做的方法。
重述:我们如何修改图例或轴文本，使它们完全可见？
浏览 0提问于2012-02-15得票数 10
回答已采纳
2回答
溢出前的案例1 :正常和可接受。
溢出后的案例2:仅将单元格添加到右侧后的有问题.使整个行和整个<table>“不必要”的高度。
对于包含多个单元格的所有表，有任何单一的解决方案吗？
浏览 2提问于2015-08-04得票数 0
回答已采纳
2回答
CSS边界和溢出问题
、、、
我遇到了溢出和显示边框的问题。
我在无序列表中有内容，我已经设置为overflow: scroll;问题，当我将边框设置为无序列表时，边框不会扩展到溢出的元素。
我希望#times和#channel-rows ul的边框能够扩展和覆盖边框之外的元素。K，L，M，N，O，P不在边界。B行的内容也不包括在边界上。如何将这些元素与前面的元素放到相同的边框中？
有人能提供一个如何使边界延伸到溢出区域的例子吗？
请看JSFiddle。
。
浏览 2提问于2014-05-15得票数 3
回答已采纳
在用XYPlot创建的图表的JFreeChart图例中，我希望项目按照FlowLayout的排列方式排列，这样就可以自动包装过长的行，但是我似乎无法弄清楚如何使项目与整个图例的中心对齐。换句话说，我希望行包装保持不变，但我希望新包装的行具有HorizontalAlignment.CENTER而不是HorizontalAlignment.LEFT。
我在API或源代码中找到的任何方法都不能让我有效地拥有一个居中的FlowArrangement。是否有一种方便的方法可以这样做，或者我可以期望基于FlowArrangement编写自己的自定义FlowArrangement，但以中心为中心？
下面的代
浏览 3提问于2016-08-05得票数 1
3回答
以下堆栈溢出问题：
标识如何从Matlab中的图形获取所有轴的句柄。但是，该列表还将包含图例的句柄，至少在R2008a中是这样，图例看起来也是轴。我如何(以编程方式)在轴控点的矢量中区分图例和实际绘图轴？
浏览 0提问于2012-01-31得票数 6
回答已采纳
2回答
如何计算或忽略行的子部件(如果溢出)。我不想使用Wrap将内容放到下一行，我想隐藏溢出的子部件
Container(
padding: EdgeInsets.only(top: 3.0),
child: Row(
children: searchResult.serviceNames
.map((service) => getServiceLabels(service))
.toList(),
浏览 0提问于2019-01-19得票数 5
1回答
当文本太长时，我的ChartJs图例文本会在同一行中溢出。是否有任何参数可用于启用文本包装。
legend : {
display : true,
position : 'bottom',
fullWidth: false,
labels : {
fontColor : "#000",
// boxWidth : "3"
}
}
在其他图表库中，如高图集，您只需设置宽度，如果文本超过宽度，文本将被包装。在ChartJS中有这样的选项吗？
高级图表库示例：
legend:
浏览 3提问于2016-11-24得票数 8
我有一个带有图例的甜甜圈图表。
问题是图例的文本太长，溢出了容器的大小。
如何执行自动换行以使文本继续到下一行？
我尝试设置word-wrap: break-word属性，但它不起作用。
浏览 1提问于2013-10-30得票数 3
2回答
为了学习的目的，我想构建自己的旋转木马。但我很好奇如何正确地做这件事。我试着用float:left将div作为carousel项放在一起。每个div都有固定的宽度和高度。
在那之后，我在carousel项周围放了一个div，叫做“裁剪”。剪辑div的大小与其中应该一次移动的元素的大小相同(如果通过单击“下一步”移动3个元素，则剪辑div的宽度等于这3个元素的宽度)。我在一些例子中看到了这一点。同样，这个裁剪div会溢出:隐藏来隐藏下一个和前一个轮播项目。
问题是，应该通过裁剪div隐藏的元素被放在一个新的行上，这使得整个事情变得不可用。
我该如何解决这种行为？
如果问题不够清楚，告诉我，我会试
浏览 0提问于2010-01-04得票数 1
回答已采纳
4回答
我有一个div，它只和它的内容一样宽，但是我试图使它在确定div的大小时忽略某个元素。
<div id="parent">
<div class="ignore" style="width: 20px"></div>
<div style="width: 10px"></div>
</div>
我想使它使父div的宽度为10 to。
正如所建议的那样，我尝试将position:absolute添加到.ignore中，但这将它从文档流中删除，这不
浏览 0提问于2019-04-27得票数 5
回答已采纳
1回答
我试图生成一个PDF格式的发票使用对虾的页眉，主体和页脚。正文的内容可能会发生变化。我使用bounding_box将内容放入正文中。如果内容无法容纳在当前页面正文中，它应该自动将其余内容放在新页面的正文部分。请帮我编一下代码。
浏览 5提问于2014-01-16得票数 0
1回答
TL;DR问题:我能否删除在Rstudio/闪亮的RpivotTable包中使用“线条图”选项时要显示的图例？
大家好，
我是非常新的堆栈溢出，也是R，Rstudio和闪闪发亮一个真正的菜鸟。
我绝对喜欢rpivotTable包！
我可能有点太野心勃勃了，但我希望使用闪亮的rpivotTable包来复制我以前在Excel中使用多个枢轴表创建的仪表板，并连接到切割机……
不幸的是，我使用的数据集/数据帧有大量的变量，当我使用rpivotTable包构造行图时，图例填充整个屏幕，而不是显示线条图:(
我的行包含超过1000个不同的异常代码，因此图例太大，无法显示.
样本代码：
output$p
浏览 0提问于2018-11-27得票数 1
回答已采纳
2回答
如何使文本适合div的宽度。以下是我的代码
<div class="column">
<a href="#" class="user_thumbnail">
<img src="<?=base_url()?>/images/1.jpg" width="100px" height="100px">
</a>
<span class="name">texttexttextte
浏览 2提问于2013-08-01得票数 6
回答已采纳
我正在使用任何图表来生成一个测试网站上的甜甜圈图。我的网页上有以下代码：
<div id="container" style="width: 500px; height: 400px;">
<script language="javascript">
var data = anychart.data.set([
['aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa', 34],
['bbbbbbbbbbbb
浏览 2提问于2021-12-26得票数 0
5回答
我正在尝试使用chart.js设置图表样式，但我不知道如何禁用图例。同时，我希望使用generateLegend()在页面上的其他位置设置图例的样式。所以我只想禁用canvas元素中的图例。你们能帮我吗？
下面是我的代码：
canvas id="myChart"></canvas>
<div id="legendq3"></div>
<script>
var
浏览 0提问于2016-04-30得票数 0
我正在尝试创建一个导航元素(nav)，它跨越整个页面的宽度，但是当窗口缩小到文本溢出的程度时，文本就会被包装。因为这是页面的导航栏，我更希望它没有包装，当导航器的内容溢出页面时，页面就会滚动。我想给它一个像素的宽度，而不是仅仅100%，但我不知道如何使它在每个屏幕上使用像素的全部宽度。知道怎么做吗？如果这能帮助解决问题，我也在使用SASS。
基本上，我需要一个解决方案，使元素的宽度设置为100%，但如果存在溢出，则不能包装文本。如果有溢出，窗口应该滚动。
浏览 1提问于2014-02-07得票数 0
回答已采纳
1回答
我与ReactJS广告公司的广告斗争了几个小时：
这是我的代码：
export default class AdJobDetail extends React.Component {
componentDidMount() {
(window.adsbygoogle = window.adsbygoogle || []).push({});
}
render() {
return (
<div className={style.container}>
<ins c
浏览 2提问于2017-08-16得票数 2
1回答
有没有什么方法可以将富文本框的内容转换为WPF中的位图？
我尝试了以下帖子中提到的解决方案：
但我的两难境地是，我无法事先计算出覆盖整个流程文档的位图所需的大小。
请帮帮忙。提前谢谢。
浏览 0提问于2020-04-21得票数 0
3回答
如下图所示，图例对于绘图窗口来说太长了。我想做的是：
1-知道如何将传说分割成第二行吗？
2-知道如何缩短图中所示的红线.如你所见，传说中包含一条红线(x1=.)，我想知道是否有可能缩短红线或控制它的长度。
浏览 1提问于2014-12-29得票数 2
我正在使用plot_ly()绘制堆叠条形图，并且需要在fluidRow()中将图例显示为绘图下方的默认值。
我知道我们可以在plot中使用layout绘制图例。但我需要显示图例在一个单独的行与3个小方框。
有人能提供一个在fluidRow中创建3个小盒子的解决方案吗？
PS:我需要在一个fluidRow()中显示这些
提前感谢！！
浏览 0提问于2020-09-09得票数 0
2回答
图解比轴宽的紧密布局
、、、、
我正在用一个图形用户界面制作一个图解，它有一个长的图例句柄放在轴上。图例比轴宽，所以我尝试使用fig.tight_layout()展开轴来匹配图例的宽度。
但是，我发现当调用tight_layout()时，这会减少轴的宽度，而不是像预期的那样填充图例下的空间。
这是调用tight_layout()之前的数字。
调用tight_layout()之后。
令人惊讶的是，我发现在每次调用tight_layout()之后，轴的宽度都会减小。当图例比轴宽时，调用tight_layout()是否有问题？当图例宽度小于图形时，就不会发生这种情况。
这是再现数字和行为的代码。
import
浏览 4提问于2020-11-12得票数 0
回答已采纳
3回答
现在我有了一个span，它的溢出隐藏在超文本标记语言和CSS中--我将它用于这个网站上的推特帖子：
HTML和内联CSS
<span style='width:686px; height:50%; display:block; white-space: nowrap; padding-top:14px; padding-left:10px; overflow:hidden;'></span>
现在我需要以某种方式检测到div确实溢出了，然后当它溢出时，允许使用jQuery或类似的东西滚动文本。
你知道怎么做这两件事吗？
浏览 3提问于2012-01-25得票数 0
回答已采纳
我有一个网页设计要求有一个像这样的标题：
+-------------------------------------------------------------+
| +---------------------+ +-------++------------------------+|
| | float left DIV A | | DIV C || float right DIV B ||
| +---------------------+ +-------++------------------------+|
+----------------------
浏览 5提问于2009-04-25得票数 5
1回答
我似乎不能保持我的(动态宽度)表与前一个元素在同一行上，并且让它扩展到它的父容器而不超过它并溢出。我不想要水平滚动条，因为表格应该只是将行和/或单词拆分以使其更窄。然而，它并没有这样做。
在小提琴中，表溢出并超出其父容器的宽度。父容器使用white-space: nowrap将其与其旁边的内容保持在同一行上。
为什么它的宽度大小不正确？如果我在表格上设置一个固定的宽度，它会正确地工作和调整宽度，但我需要表格的宽度是动态的。只有包含div的最外层是固定的。
有什么想法吗？
浏览 0提问于2013-08-10得票数 0
我需要这个动画的帮助。基本上，当我点击“牌”时，我想打12张牌。但是，我想处理它，以便每个卡的大小已经设置；我不希望随着更多的卡片出现在屏幕上而改变卡的大小。不同的是，把12张卡片放在屏幕上，在最后，我们有3行4张卡片。但是Swift系统尝试每一行放3张牌，然后移动到每行4张。这种改变的卡片大小看起来很奇怪，所以我希望加入一些代码，使它的卡大小不会改变。
ContentView
import SwiftUI
struct ContentView: View {
@ObservedObject var viewModel: GameViewModel
浏览 4提问于2022-07-17得票数 -2
我正在尝试允许在Gtk.CellRendererText中对文本进行换行，但我有一个小问题：
这些行非常大。
我唯一更改的代码是：
cell = Gtk.CellRendererText(markup=0)
cell.set_property("wrap_mode", Pango.WrapMode.WORD)
cell.set_property("wrap_width", 20)
这使得它被包裹起来，但它似乎也使这个视觉问题出现了
浏览 4提问于2013-07-11得票数 1
回答已采纳
2回答
我正在为<form>应用溢出属性，在表单中使用<legend>。在这里，溢出适用于整个表单，因此，如果需要溢出，滚动条也包括图例。但我想溢出必须应用，除了图例标签。我的意思是在形式上和传说一样我用了桌子。我想要溢出只适用于桌子。
这是我的小提琴
我的html是，
<form>
<fieldset>
<legend> Menu</legend>
<table id="tab">
<tr>
<td&
浏览 2提问于2014-06-24得票数 0
回答已采纳
如果在React中对不同的行应用不同的列布局，则会导致其他行的列布局混乱。例如，SpecialRows是我想要显示的表中的行。SpecialBar是存在于表格上方的栏，它包含其他内容，如过滤、搜索等。SpecialBar的列布局与SpecialRow不同，但是当我这样做时，SpecialRows的列现在模仿SpecialBar的列，并将所有数据压缩到右边。
知道会发生什么吗？
class Table1 extends React.Component {
<Table>
<tbody>
<SpecialBar {...
浏览 0提问于2017-09-14得票数 0
回答已采纳
1回答
我正在试图修复Matplotlib (Python2.7)中图例框的宽度。下面是我使用的代码的一个简单示例：
import numpy as np
import pylab as plt
fig = plt.figure(figsize=(8.5, 8.5))
ax = fig.add_axes([0.0882, 0.0588, 0.8882, 0.9118])
x = np.array([0,1,2,33])
y = np.array([0.1,2,4,8])
z = np.array([0,1,3.7,7])
t = np.array([0.5,1,12,41])
v = np.arra
浏览 3提问于2015-08-16得票数 4
回答已采纳
<div>
<span>oneoneoneone</span>
<span>twooneoneone</span>
<span>threeoneoneone</span>
</div>
从本质上说，它在一行中显示“span”，不间断。
<div style="position:absolute;background:red">
<div style="position:absolute">
<span>oneoneoneo
浏览 2提问于2013-12-11得票数 0
回答已采纳
1回答
我有一个居中的方框，其中包含许多并排显示的元素，可能会包装成几行。在调整大小时，我希望盒子缩小。元素应该保持相同的大小，根据需要换行到其他行。
我可以想到几种方法来处理这个问题(例如，将子代设置为display: inline-block或float: left，或者将parent设置为display: flex; flex-flow: row wrap;)。
在每种情况下，调整大小都会导致元素换行。但是，这会在线上的最后一个元素和父元素的边缘之间留下一个间隙。这种行为在大多数情况下都是完全合理的，但在这里它会使元素在视觉上偏离中心。
如果我能应用一些CSS魔术，让父框“收缩”到子元素实际占用
浏览 2提问于2017-02-14得票数 0
我从CScrollView继承了一个窗口，它处理WM_PAINT并显示一个图形。这个图有不同类型的元素，元素的类型由元素的形状来标记。
我想显示一些图例，以便用户知道每个形状意味着什么。因为用户不会经常看这个图例，所以想法是在视图控件的右上角会有一个小图标。当用户将鼠标移动到此图标上时，它将扩展为小矩形，显示图形中使用的形状的图例。当鼠标移到这个矩形外时，它会折叠回小图标。
这就是我迄今尝试过的：
在视图类的WM_PAINT处理程序中使用GDI绘制热点图标和图例矩形。
将hotspot实现为单独的窗口，该窗口作为滚动视图的子窗口创建。
将hotspot实现为单独的窗口，但将其创建为
浏览 3提问于2013-09-05得票数 1
3回答
一个简单的问题:当表比屏幕宽(溢出)并且在某些单元格或<td>中包含冗长的文本时，行高就变得不必要了。
溢出前 :正常和可接受。
溢出后的：只将单元格添加到右侧后的问题，对整行和整个表都造成不必要的高度。
我的所有表在单元格中都有不同的文本长度，不同的行数和列数。是否有单一的解决方案来管理我的所有表(溢出)行高？
我认为：使用whitespace:nowrap删除空白或使每个单元格行+强迫每一行和每列的最长单元格为正方形或接近正方形，将使表紧凑。
解决方案不适用于所有行、列或表：
(1)css min-width到列或单元格(2)css width到表(3)css whitesp
浏览 7提问于2015-08-04得票数 3
回答已采纳
1回答
我用鞋带做我的工作。我有一堆菜单项在页面的顶部，大约有15条。因此，我的顶部菜单不采用屏幕宽度。它被插入到下一行，由溢出的菜单引入。我想通过一个“更多”的菜单来阻止菜单溢出到下一行。
想法是，溢出的菜单项目移动到“更多”的菜单下拉。但我不知道如何检测菜单溢出。如何将额外的菜单项移动到“更多”下拉列表中？
我确实有一个基本的结构和标记。
小提琴：
标记：
<ul class="nav nav-pills topnavi">
<li class="active" ><a href="#">Dashboa
浏览 1提问于2015-11-24得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
