问题标签 [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 回答
40761 浏览

css - CSS:使用文本对齐:跨度居中

对于日历应用程序,我希望以熟悉的月份名称为中心,左边距的左箭头返回一个月,右边距的右箭头向前一个月。就像是< May >

<Div>s 在末尾插入换行符,所以我想我会使用 span 除了 span 是一个内联元素,因此该text-align: center属性仅在月份的长度内对齐它。只是使用text-align: center会产生类似的东西<May >

为了弥补这一点,我display: block在跨度中添加了,但是,这会在末尾创建一个换行符,即

谁能建议一个正确的方法来做到这一点?

最后一个版本:

CSS/HTML:

0 投票
2 回答
134 浏览

html - 无法将单词左对齐

我正在尝试创建一个包含 2 个表数据和 2 个表头的表。在研究了html代码之后,我意识到将单词向左移动的方法Text-Align="Left"如下所示。不幸的是,它没有用。我没有使用任何 CSS,而只是使用普通的 html 代码。

这是我的代码:

0 投票
4 回答
1606 浏览

css - CSS:包含浮动的 div 中的中心元素

我有一个包含三个元素的 div:A、B 和 C。我希望 A 和 B 分别位于最左边和最右边,而 C 位于 div 的中心。我左右浮动 A 和 B 并将 B 对准中心。不幸的是,这并没有将 C 对齐在 div 的中心,而是在 A 和 B 之间的空间的中心。这是一个演示

如何将元素与主 div 相对而不是相对于左右浮动的 2 个 div 之间的空间居中?

0 投票
1 回答
1817 浏览

css - 为什么“文本对齐:正确”不适用于 Firefox 中的空 contenteditable 元素?

考虑以下事项:(现场演示)

HTML:

CSS:

当您div 在 Firefox中单击 时,光标位于左侧(看起来text-align: right;没有效果)。但是,如果您开始输入,则text-align: right;开始生效。

这是为什么?任何想法如何解决这一问题?

0 投票
1 回答
2320 浏览

css - text-align:证明在应用 normalize.css 后在某些浏览器中不起作用

text-align: justify在这个最小的例子中工作正常:

http://fiddle.jshell.net/nJsuJ/show/light/

如果我应用normalize.css,文本对齐在桌面浏览器和 Opera Mobile 中很好,但在 Android 的默认浏览器和 Dolphin 中它会切换到常规左对齐(实际上我认为它看起来比左对齐更糟糕,它有点混乱和摇摆不定调整大小时)。

http://fiddle.jshell.net/nJsuJ/1/show/light/

这是怎么回事?

工作于:

  • 火狐浏览器 21.0
  • 谷歌浏览器 27.0.1453.110
  • Opera 移动版 12.10
  • 微软 Internet Explorer 10.0

不适用于:

  • Android 浏览器(不确定哪个版本,它是 Android 2.3 Gingerbread)
  • 海豚浏览器 9.4.2
0 投票
1 回答
46 浏览

css - css 向右对齐菜单

这可能是一个简单的,但我似乎无法为我的生活弄明白。我正在制作一个移动菜单,并试图让它位于屏幕的右侧。(搜索栏和菜单图标)

我的问题是,如果我将它浮动到右侧,背景就会消失,如果我对它进行文本对齐,我在链接上的文本缩进决定显示出来。

我的html

在 jsfiddle 可以看到一个例子

http://jsfiddle.net/zazvorniki/9SWbs/1/

一些帮助将不胜感激!

0 投票
2 回答
7873 浏览

css - CSS Horizontal Align Float

I have a simple menu and I want to place it in the center of the page using css. Here's the menu: http://jsfiddle.net/kSV4K/4/

Here's the Codes, CSS:

HTML:

Any suggestions?

0 投票
1 回答
49423 浏览

html - 文本对齐:中心不适用于 div 元素

我已经搜索了大约 45 分钟,但在这里找不到我的问题的解决方案。我希望我的画廊类 div(这些将动态创建)仅使用 css 规则将它们自身对齐在 gallery_container div 的中心。我正在学习,所以任何解释都会有所帮助!

提前致谢!

这里是小提琴http://jsfiddle.net/9gwKc/1/

0 投票
1 回答
277 浏览

android - 在Android中重新定位按钮onLayout后对齐按钮文本

当我们从 onLayout 重新定位按钮时如何对齐按钮文本?我有一个图表,它有许多水平轴,每个轴有三个按以下顺序排列的按钮在此处输入图像描述

现在我必须重新定位,以便图表上的所有按钮正确对齐并放置在我需要的地方。除了蓝色按钮的文本对齐之外,一切都很好。如果我说重力为中心,它将高度假定为蓝色和红色按钮的组合高度,并将文本一半放在红色按钮后面。如果没有说它在黑色区域,我们在按钮的左端只有蓝色的小箭头,但我希望文本位于带有重力底部和 cent_horizo​​ntal 的蓝色区域。有趣的是我的重力底部和中心水平适用于平板电脑。

这是我的 OnLayout 代码:

这是我的 OnMeasure 函数:

我尝试对平板电脑和手机使用相同的高度,但其中一个看起来不太好,所以我不得不使用不同的高度。

0 投票
0 回答
271 浏览

css - 如何将文本中心对齐到具有垂直对齐的类?

这是我的课:

如何对齐文本中心?Text-align: center 不适用于这种类型的设置。此类应用于跨度,跨度放置在另一个类中。它进入的类看起来像