问题标签 [text-align]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
105 浏览

css - text-align 仅适用于文本

我坐在这对面的两个小时,用萤火虫尝试了数千种方法,我失去了耐心......

我有一张桌子,里面有短信,而且text-align: center;效果很好,当我需要将markItUp!textarea 编辑器居中时出现问题。

没有办法强制它居中,我试过添加!important属性,还是一样。

你们知道有什么方法可以“强制”div居中吗?

0 投票
1 回答
5119 浏览

jquery-mobile - JQuery Mobile:Toggle Bar 中标签的居中文本对齐

我创建了这个简单的代码,它只是一个在单击时保持“推送”状态并在再次单击时恢复正常的按钮。

问题:通过使用 float:right 标签中的文本向右移动,如果我不设置浮动它默认向左移动。但是当我把 float:center 它留在左边。如果有人可以帮助我将文本放在中心,我会很高兴。谢谢你!

这是我来自 jsfiddle 的代码

0 投票
3 回答
82 浏览

javascript - 如何计算左边框和文本对齐中文本开头之间的空间:居中 div?

所以我需要从左侧到div中字符串的第一个字母的margin-left px?

0 投票
3 回答
1217 浏览

css - 令人困惑的文本对齐问题

我正在开发一个网站,帮助人们更加了解互联网带来的威胁。

我遇到了一个非常烦人的 css 问题,其中文本不会水平或垂直居中,并且通常似乎无法正确收听 css。我检查了是否有任何覆盖它的东西,但什么也没有。

http://nblackburn.me/pofa/

0 投票
2 回答
6030 浏览

html - 文本对齐不适用于 img 标签

看看我的小提琴:http: //jsfiddle.net/jVsQY/

正如你所看到的,我text-align: center在一个图像标签上使用了一个类,它没有显示任何结果。

我正在尝试使用display: inline-block等,但没有帮助。

0 投票
3 回答
18257 浏览

css - 我可以使用 CSS 在行尾使用连字符来对齐文本吗?

我有一个 div 太窄,无法进行 text-align:justify (间隙太宽),但在右对齐或左对齐时看起来不均匀,因为行尾有很大的间隙。左对齐看起来最好,但我可以像在书中那样使用连字符吗?使用 CSS?

0 投票
3 回答
968 浏览

css - 将文本右对齐到嵌入媒体的边缘

我需要一些文本出现在嵌入式媒体(在本例中为视频)下方,并且我希望文本与视频右对齐。

我不知道该怎么做,因为布局需要流畅。有些视频会比其他视频更宽。

目前,文本与包装 div 右对齐。

这是我到目前为止所拥有的一个小提琴http://jsfiddle.net/thwackukulele/2N6a9/

我希望文本“在我们的 YouTube 频道上观看更多视频”与视频的右边缘对齐。

谢谢你的帮助!

0 投票
1 回答
416 浏览

position - 当跨度被阻塞+绝对定位时,文本对齐的行为不同

我已经进行了一些搜索,但找不到我正在寻找的答案。如果它是重复的,请告诉我我应该去的地方。

无论如何,我一直无法弄清楚跨度的继承(如果有的话)行为,一旦我开始在跨度中制作不同的样式组合,Firefox 和 Chrome 似乎就会有所不同。

具体来说,(有关更多详细信息,请参见下文)我有一个常规内联、绝对定位、以文本为中心的跨度容器,其中包含另外两个跨度,一个内联阻塞、绝对定位 (class="arrow") 和一个阻塞跨度 (类=“文本”)。在 Chrome 中,箭头类跨度在容器内左对齐。然而,在 FF11 中,箭头类跨度在容器内居中对齐。

所以,我的问题是:

  1. 为什么箭头类跨度在 Chrome 和 FF11 中的行为不同(FF7 出于某种原因具有 Chrome 行为)?
  2. 哪个浏览器显示“正确的”跨度继承属性?
  3. 我可以通过使 text-class span 成为内联块来使两个浏览器的行为方式相同,但我不明白为什么这会有所帮助......
  4. 由于文本类跨度是一个阻塞跨度,它不应该导致容器类跨度(及其边界)为 100% 宽度吗?现在,容器类在文本类跨度周围折叠。(这可能在一个单独的线程中,但如果我能得到一个快速的答案会很好)。

显示道具.html:

displayProps.css:

帮助表示赞赏,谢谢!

0 投票
2 回答
2210 浏览

datagrid - Flex 4.5:通过 AS3 设置 textAlign GridColumn 的 itemRenderer

也许这真的很简单,但我不知道如何在 AS3(不是 mxml)中为默认 itemRenderer设置“textAlign”属性。我需要根据类型的属性来调整它,'int'或'Number'右对齐,'String'左对齐等等。

我正在使用 spark DataGrid 并监听 FlexEvent.CREATION_COMPLETE 事件;我无法将 itemRenderer 转换为 DefaultGridItemRenderer,并且 ClassFactory 不提供 setStyle 方法。

任何帮助我都会感激。谢谢。

0 投票
1 回答
633 浏览

text - 如何使 text-align:right、display:box 和 box-align:center 一起用于短文本?

我想知道为什么短文本似乎不受 text-align 属性的影响,一旦应用了以下用于使文本居中的 CSS3 技术(请参阅答案):

垂直对齐块元素中的文本

这是该示例的 JSFiddle,添加了 text-align:right 属性:http: //jsfiddle.net/GqBAL/187/ (请注意,此处的文本已正确对齐,因为它很长)

但是一旦文本很短,它就不起作用了:http: //jsfiddle.net/GqBAL/198/ 是否有某种“原因”?我错过了什么?我想使用该技术,但对于任何文本长度,而不仅仅是更长的。谢谢!