figure 相关问题

我正在创建一个带有如下标签的按钮组：我现在正在编写的 HTML 代码：排序方式：我正在创建一个带有如下标签的按钮组：我现在正在写的HTML代码： <figure class="toggler-widget"> <figcaption class="toggler-label">Sort By:</figcaption> <ul class="button-togglers"> <li class="choice-selected"> <button type="button" title="Sort by title" aria-label="Sort by title" aria-pressed="true"></button> </li> <li> <button type="button" title="Sort by date" aria-label="Sort by date" aria-pressed="false"></button> </li> </ul> </figure> 基于MDN上的描述和示例：通常<figure>是图像、插图、图表、代码片段等。似乎<figure>用于仅具有描述的文本/图像/图表。我现在很困惑，如果我正确使用它，或者是否有更好的方法来编码这个小部件？不，根据 WCAG 的说法，这是不正确的。您引用的文档是正确的，但您误解了解释。第一段引用如下： <figure> HTML 元素表示自包含内容，可能带有可选标题，该标题是使用 <figcaption> 元素指定的。该图、其标题及其内容被作为一个单元引用。接下来是这个代码示例： <figure> <img src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/elephant-660-480.jpg" alt="Elephant at sunset" /> <figcaption>An elephant at sunset</figcaption> </figure> 您正在做的是标记按钮，而不是为图像提供可选的标题。事实上，该图像与您的切换器完全无关。开关的主要功能是按钮，图像只是装饰。由于您不能对 2 个按钮使用标签，因此您可以参考 aria-labelledby 或 aria-describedby。此外，控制元素的正确列表容器是 <menu>: <span id="toggler-label">Sort By:</span> <menu class="button-togglers"> <li class="choice-selected"> <button type="button" aria-describedby="toggler-label" aria-label="Sort by title" aria-pressed="true"></button> </li> <li> <button type="button" aria-describedby="toggler-label" aria-label="Sort by date" aria-pressed="false"></button> </li> </menu>

html accessibility figure wcag wcag2.0

回答 1 投票 0

如何在网格中排列图形？

我有六对垂直堆叠的人物。我想将图形排列成 3x2 网格。但是，我找不到办法做到这一点。微量元素：将 matplotlib.pyplot 导入为 plt 定义

python matplotlib figure

回答 1 投票 0

如何为补充数字创建单独的计数？

对于我的论文，我希望可以选择单独计算补充数字，但能够在正文中提及它们，而不显示它们。如果我只是在我的应用程序中添加一个数字...

count figure typst

回答 1 投票 0

如何调用背面的子图？

我想打电话 ef 对于子图，但它没有按预期工作。我们如何解决这个问题？这是我在背面的代码： \usepackage{子标题} \usepackage{graphix} 开始{文档}

figure caption overleaf subfigure subcaption

回答 1 投票 0

如何在seaborn图中编辑图形大小

我想从seaborn创建2个regplots，它们都是子图。我想调整图形的大小，但 sns.regplot 中没有 Figsize、高度或方面的属性。我该如何改变...

python matplotlib plot seaborn figure

回答 1 投票 0

如何为带有图像和标题的报价创建布局？

我想要这样的布局：我的尝试：。容器{ 内边距：10 像素；间隙：10 像素；弯曲方向：行； } 图标题{ 字体大小：较小；文本对齐：结束； } Lorem ipsum d... 我想要这样的布局：我的尝试： .container{ padding: 10 px; gap: 10 px; flex-direction: row; } figcaption{ font-size: smaller; text-align: end; } <blockquote>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, iste incidunt fuga aliquam veniam mollitia enim nam deserunt magni iure repudiandae aspernatur reprehenderit totam quia aut laborum quos, vel quis!</blockquote> <figure class="container"> <figcaption> <strong>John Doe</strong><br> Long title blablablablabla<br> Company X </figcaption> <img class="col2" src="https://placehold.co/600x400"> <figure> 我不知道如何让它变得更好。你能帮我改进一下吗？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .container { display: flex; align-items: center; max-width: 600px; margin: 0 auto; padding: 20px; font-family: Arial, sans-serif; } .text-container { flex: 1; text-align: left; margin-right: 20px; } .quote { margin-bottom: 20px; font-size: 1.2em; } .image-container { flex: 0 0 auto; } .image-container img { max-width: 150px; height: auto; } .caption { font-weight: bold; } .sub-caption { font-size: 0.9em; color: #555; } </style> </head> <body> <div class="container"> <div class="text-container"> <div class="quote"> Lorem ipsum dolor sit amet consectetur adipiscing elit. Cumque, iste incidunt fuga aliquam veniam mollitia enim nam deserunt magni iure repudiandae aspernatur reprehenderit totam quia aut laborum quos, vel quis! </div> <div class="caption">John Doe</div> <div class="sub-caption">Long title blablablablabla<br>Company X</div> </div> <div class="image-container"> <img src="https://placehold.co/160x320" alt="Image Description"> </div> </div> </body> </html>

html css image figure

回答 1 投票 0

使用 twiny 时，Python Matplotlib 图形标题与轴标签重叠

我正在尝试使用 twiny 在同一张图表上绘制两个单独的量，如下所示：图=图() 斧头 = 图.add_subplot(111) ax.plot(T, r, 'b-', T, R, 'r-', T, r_geo, 'g-') ax.set_yscale('log') 斧头。

python matplotlib title figure

回答 9 投票 0

使用 plt.figure(figsize=()) 会产生多个绘图。我该如何解决它？

我对Python的了解非常初级，我在暑期项目中第一次正确使用它。我正在绘制逻辑地图的轨道图。为了增加我的地块规模...

python matplotlib figure figsize

回答 1 投票 0

使用matplotlib时，如何使每个图形始终绘制在屏幕上的同一位置？

我有一个 Python 脚本，可以使用 matplotlib 绘制 3 个数字。当我运行此脚本，然后关闭 3 个图形并重新运行它时，这些图形将在第二个时间出现在我的屏幕上的不同位置...