标签: caption

如何使用html 5 <caption>标签来表示图像而不是表格

我正在重做我的团队一直在努力的HTML.我想知道我是否可以修改html 5标签.具体来说,我想使用标签而不是表格.

在w3schools:

*Definition and Usage: The <caption> tag defines a table caption. The <caption> tag must be inserted immediately after the <table> tag. You can specify only one caption per table. Usually the caption will be centered above the table*.

如何从所有这些要求中删除此标记?

tags html5 caption

3
推荐指数
1
解决办法
4153
查看次数

如何将MediaWiki图像的文件描述显示为其标题?

我想在MediaWiki网站上使用其文件描述页面中的描述作为语法中的标题显示图像[[File:imagename.png|frame|caption]].为了澄清,我不是要链接到图像的描述页面.

我已经阅读了有关在这个问题上查询API的一些内容,但是我很难看到如何在源代码中显示查询结果(是它iiprop=comment或者rvprop=content其他东西).

mediawiki wikipedia image caption

3
推荐指数
1
解决办法
387
查看次数

向ImageMagick添加文本时标题,绘制,注释,标签之间的区别

我正在尝试使用ImageMagick将文本添加到图像。我看到了多个使用draw,label,caption,annotate等的示例。两者之间有什么区别?我可以使用CLI测试上述命令的结果,但是在尝试使用IM4java由java运行时遇到了麻烦。Java代码段的任何帮助将非常有用。

text annotate imagemagick caption imagemagick-convert

3
推荐指数
1
解决办法
352
查看次数

分页符后重复表标题

打印HTML表格时,可以使用CSS强制在分页符之后再次显示表格的标题行。这种风格:

@media print {
   thead { display: table-header-group; }
}
Run Code Online (Sandbox Code Playgroud)

结果是:

字幕
-------------
Col1 | Col2
-------------
数据1 | 数据2
数据3 | 数据4

- 分页符 - 

Col1 | Col2
-------------
数据5 | 数据6

有没有一种方法可以在分页符之后重复表标题?我认为您可以做类似的事情caption { display: table-caption-group; },但这并不存在。该解决方案需要在IE9中工作。

html css printing caption css-tables

2
推荐指数
1
解决办法
2576
查看次数

如何在tinymce编辑器中删除10px的增加宽度到Wordpress图像标题?

我正在使用一段代码来有效地删除增加宽度的10px Wordpress添加到网站前端的标题图像.但是,它仍然在tinymce编辑器中添加10px:

<dl id="attachment_69" class="wp-caption alignleft" style="width: 310px" data-mce-style="width: 310px;">
Run Code Online (Sandbox Code Playgroud)

我怎样才能删除这个10px?我已经尝试通过在几个地方将"10 +"更改为0来修改核心(糟糕的想法,我知道),但我没有运气.

谢谢!

wordpress tinymce caption

2
推荐指数
1
解决办法
1464
查看次数

防止段落增加浮动父级的宽度

我经常发现自己使用代码块来生成内联文章图像,如下所示:

...article text.
<div class="article-image right" style="width: 250px;">
    <img src="..." width="250" alt="" />
    <p class="caption">Potentially long image caption</p>
</div>
More article text...
Run Code Online (Sandbox Code Playgroud)

或者,更简洁的HTML5版本:

...article text.
<figure class="right" style="width: 250px;">
    <img src="..." width="250" alt="" />
    <figcaption>Potentially long image caption</figcaption>
</figure>
More article text...
Run Code Online (Sandbox Code Playgroud)

由于我使用的是动态处理图像的CMS,我一直在动态地定义图像的大小(在这种情况下为250px),并且我也一直将该大小限制应用于包含其img和字幕.这样,标题永远不会增加父元素的大小超出img标记的定义宽度.

我的问题是,如果有一些CSS技巧我可以应用于其中一个元素,它将完成同样的事情,而无需手动定义宽度?一些方法可以防止字幕在宽度上扩展其父元素,但允许它们影响高度?当然,父元素的宽度仍然需要适应img宽度......

html css html5 caption figure

2
推荐指数
1
解决办法
1456
查看次数

Bootstrap轮播标题不透明度

我使用Twitter Bootstrap 2.3.2创建了一个Carousel图像,但是当在较小的屏幕设备上调整浏览器/查看时,标题背景会失去它的不透明度.

可以在bootstrap网站上看到一个示例(尝试将浏览器调整为移动屏幕大小,标题背景更改为纯色).

是什么造成的?

怎么能被覆盖?

html css caption carousel twitter-bootstrap

2
推荐指数
1
解决办法
1万
查看次数

如何在适用于pdf和html输出的书本文档的表格标题中插入引用

我使用bookdown生成html和pdf格式的文档。如何在表格标题中插入对文档部分的引用?

使用\\ref{sec:FirstSection}pdf_book可以正常工作(但gitbook不能):

---
title: "Test"
output: bookdown::pdf_book
---

# A section {#sec:FirstSection}
The dataset in Table \@ref(tab:aTable) contains some data.

# Another section
```{r, aTable, echo = FALSE}
knitr::kable(
  cars[1:5, ],
  caption  = "See Section \\ref{sec:FirstSection}."
)
```
Run Code Online (Sandbox Code Playgroud)

同时使用\\@ref(sec:FirstSection)gitbook可以正常工作(但pdf_book不能)

---
title: "Test"
output: bookdown::gitbook
---

# A section {#sec:FirstSection}
The dataset in Table \@ref(tab:aTable) contains some data.

# Another section
```{r, aTable, echo = FALSE}
knitr::kable(
  cars[1:5, ],
  caption  = "See Section \\@ref(sec:FirstSection)."
)
    ```
Run Code Online (Sandbox Code Playgroud)

caption cross-reference r-markdown bookdown

2
推荐指数
1
解决办法
675
查看次数

如何将带标题的图像放入 pandoc 的项目符号列表中

我正在尝试编写一个 pandoc markdown 文本,其中包含项目符号列表中的图像,该列表还显示标题。那是:

* Item 1.
* Item 2.
![This is my caption](image.png "I tried using this as caption too")
Item 2 text is supposed to continue here (thus same indenting).
* Item 3.
Run Code Online (Sandbox Code Playgroud)

但字幕不显示。

如果我将一个图形放在自己的段落中,标签会显示,但缩进/延续会混乱。

* Item 1.
* Item 2.

![This is my caption](image.png "I tried using this as caption too")

Item 2 text does not continue with the same indenting/continuation : (
* Item 3.
Run Code Online (Sandbox Code Playgroud)

我的最终转换是一个 HTML 文件。

markdown image caption pandoc

2
推荐指数
1
解决办法
2257
查看次数

如何为TLabel.Caption分配(显示)Unicode UTF-32(其他符号和象形文字)?

我想在标题()中显示U + 1F4CD-圆形图钉),但显示类似:的内容,但我一直在获取奇怪的块状内容。TLabellblLocation" Pretoria, South Africa"

我曾尝试将字符直接粘贴到我的源代码中,但这也会导致奇怪的块状内容(我的源代码是UTF-8编码的)。

粘贴之前

图片

直接粘贴后

图片

我也尝试过使用ConvertFromUtf32(),每如何将Unicode代码点(如U + 1F4DB)转换为char?

lblLocation.Caption := lblLocation.Caption + ConvertFromUtf32(StrToInt('$1F4CD'));
Run Code Online (Sandbox Code Playgroud)

运行上面的代码可以在的标题中找到TLabel

图片

delphi unicode label caption

2
推荐指数
1
解决办法
97
查看次数