问题标签 [text-alignment]

我有一个 Span 标签，其中包含一个 IMG 标签和另一个 Span 标签。我希望内部 Span 标签向左对齐，IMG 标签居中对齐，而且我希望两个标签都在中间垂直对齐，但我似乎无法做到这一点......

这就是它的外观（它是蓝色的，因为在 FireBug 中标记了外部 Span 标签以显示它正在拉伸整个表面）：

正如您在图像中看到的，两个标签都居中，并且它们也在容器的顶部对齐，我不想要这两个。

这是标记：

这是标签的当前 CSS：

我遗漏了与我的问题、颜色、字体规格等无关的 CSS。不用说我不是 CSS 的王牌。我查看了几个涵盖该问题的指南，但我只设法找到了 div 的全部内容居中的示例，这不是我想要的。

有良好的 CSS 知识的人是否在我的代码中看到了问题？或者有另一种解决方案来解决我的问题..？

谢谢！

编辑：根据要求，这是整个布局的屏幕截图。对不起，我不得不模糊一些东西......但它们在任何一种情况下都不重要。=)

EDIT2：我确实设法使用以下CSS解决了我的问题：

我确信dgvid提出的建议对静态布局很有用。但是由于面板和水平拉伸的按钮会根据展开和折叠而移动，这不是一个合适的解决方案。

我在将文本格式化为 TextView 字段时遇到问题。我正在用数据库中的数据填充字符串，我想让它对齐：

比我将此字符串设置为 textView 字段。实际上，它看起来像这样：

这应该是这样的：

我试过了String.format("|%1$.4s|%2$.12s|%3$.10s|\n")

我有一个块引用，其中引用符号是使用 CSS 内容生成的，使用伪选择器 :before 和 :after 如下所示：

这会生成一个如下所示的块引用：

我想要的是让引用符号留在各自的框中，以便它们的基线与块引用中的文本相同。

我认为这与 citationsymbols 自然基线有关，但也许有人可以详细说明？

解决它的一种方法可能是给引文符号其相对字体大小的负边距，但我正在寻找一个更“正确”的解决方案，或者解释为什么引文符号会这样。

编辑：添加位置：相对；到 div.paragraph 并不能解决这个问题，因为它已经有了 position:relative。

Currently I'm having a solution, but I'm almost certain that there's a better solution out there. Basically I'm having a block-element and want to align some of the text at the beginning of my block and some at the end.

Here's a little jsfiddle example

What I'm doing is using float and 2 more block-elements inside to align it:

I have many of those little objects, so my code is bloated with div's. Is there no more lightweight solution for this out there ?

我正在创建一个 bash 脚本，并希望在同一行显示一条具有右对齐状态（OK、Warning、Error 等）的消息。

没有颜色，对齐是完美的，但是添加颜色会使右对齐的列错误地换行到下一行。

我需要在一个 div 中将左对齐的文本块居中，但我需要将文本块的视觉宽度而不是块本身居中。

在许多情况下，这可能是同一件事，但是考虑一下 div 相当窄（想想移动宽度）并且文本太长而无法放在一行中的情况，因此它需要溢出。

在下面的示例中，我将文本块显示为浅蓝色以进行说明，但实际上它们将与父 div 的颜色相同（白色）。在使用的任何文本中也没有换行符。

在1a中，文本只有一行，它小于文本块的最大宽度，所以我可以将文本块设置为文本的宽度，没有问题。

然而，在2a中，文本比最大宽度长，因此换行到下一行。这样做的效果是可见文本块不再居中显示。

如何仅使用 HTML 和 CSS将这两种情况显示为1b和2b ？

编辑1：似乎每个人都在告诉我如何实现1a和2a中的情况，但我已经有了。我想实现1b和2b的情况。

编辑 2：我使用的代码与 David 在他的链接（http://jsfiddle.net/davidThomas/28aef/）中给出的代码基本相同。文本区域使用颜色只是为了说明这一点。如果将其更改为白色（http://jsfiddle.net/28aef/2/），您可以看到文本块不再居中（即左右边距不相等）

从 下载主干代码后http://code.google.com/p/berkeleyaligner/，我将项目添加到我在 Eclipse 上的构建路径中。然后使用下面的代码，我可以提取我从 sourceFile 和 targetFile 中读取的每个句子对的对齐方式。对齐后，如何Alignment从 BerkeleyAligner 读取类型？

例如源文件：

例如目标文件：

出于某种奇怪的原因，我text-align: center;的不工作。这很奇怪，因为它是 HTML 和开发人员要做的最基本的事情，所以我有点尴尬......我必须做一些可怕的错误并且看不到我的错误。该text-align选项甚至没有显示在 Firebug 中。

有人可以帮我吗？

HTML：

CSS：（我试图text-align: center在每个选择器中放置，但没有结果......）

如何设置 ListView 以使某些列右对齐和某些列左对齐？

我的意思是我有一个 ListView ，它的布局是从左到右的，但我想将第二列和下面的任何东西对齐到左边？

提前致谢。

#开始编辑

ListView 的View 属性是Details。

我正在使用类似以下代码的代码：

而且我想成为电话号码的TextAlignment权利，但我不想改变Name的对齐方式。

#结束编辑

我目前正在一个 HTML 表格中显示文本，该表格只是一大行和两列。我正在使用表格来利用并排方面的优势（如果有人能告诉我这样做的优势，我可以切换到浮动 div）。我在左侧填充文本，然后在右侧填充。非常关键的是，双方看起来甚至从上到下的文本分布。

每一面的内容是固定的（来自数据库），而右侧的内容大部分时间都很短。与文本对齐如何将单词隔开以适合一行类似，有什么方法可以垂直对齐右列中的行以确保顶部底部有文本？

我一直在疯狂地寻找，但没有任何运气。

这是它的外观截图。我试图准确地复制一个宗教文本（因此列数据是固定的，这实际上是它在实际书中的样子），但我很难对其进行微调。奇怪的是，有时没有问题，但有时却很糟糕：