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

css - CSS 相当于 Photoshop 的 Justify-All

我想采用一个 h2 元素并将它的文本跨越它的 div 的宽度。

仅当文本的宽度大于其容器的宽度时才传播文本...有点像 Photoshop 的 justify-left

0 投票
2 回答
1169 浏览

css - “文本对齐:居中;” 让我的右键离开页面

我一直在疯狂地搜索我的问题,但似乎无法解决问题。

我创建了一个 iFrame,它可以通过左右方向按钮滚动 8 个图像。当我持有图像时,右箭头 (#leaf2) 消失text-align: center;DIV

这是我的HTML,

这是我的CSS,

0 投票
1 回答
2963 浏览

html - 由换行符分隔的居中元素在 Firefox 中无法正确对齐

我正在构建一个所有内容都居中的登录框。我有一段文本、两个堆叠在一起的表单域和一个按钮。表单域具有相同的宽度,我只是通过在它们之间放置一个换行符 ( <br />) 来堆叠它们。

由于整个框都已text-align: center;应用于它,您会认为这两个表单字段会完全对齐,正确(一个在另一个顶部,两个边缘完美对齐,因为它们的宽度相同)?但是,在 Firefox 中,第二个表单域可能会向右移动 1 或 2 个像素。

这是什么原因造成的?断线本身是否占用了非常小的空间,因此会偏离中心?如果是这样,我该如何预防?

0 投票
1 回答
299 浏览

css - css 文本对齐/定位问题

情况:我有几个列表;在每个列表中,第一个 li 内的文本稍微位于中心的右侧,而不是像下面的 li 元素那样正好位于中心。在以下示例中,第二行文本(“站点地图”)未居中。有任何想法吗?

的HTML:

和相关的CSS:

谢谢!

ps我创建了一个小提琴:http: //jsfiddle.net/earachefl/c2bcc/

0 投票
1 回答
3558 浏览

javascript - 改变风格使用 getElementsByTagName textAlign 从中心向左

我有一个脚本来更改具有以下 id 的 textarea 的文本对齐方式textbox1

这是标记:

这是触发器:

它工作得很好。现在我有不止一个文本区域,我需要这个脚本来处理,所以我认为这将是一个简单的切换document.getElementByIddocument.getElementsByTagName但我的无知/惊讶,效果不太好。

我搜索了问题、论坛和谷歌,并找到了 document.getElementsByTagName 的例子,但不是我需要的方式。

似乎在使用时getElementsByTagName,必须始终声明一个变量(任何人都可以确认这是不是真的?)所以我尝试了:

但是我style_textbox is null or not an object在测试时遇到了错误。谁能帮帮我?首先十分感谢。

PS 脚本的原因是因为 textareas 的原始内容需要居中,但是当用户开始从中选择模板以在使用脚本<select>中动态填充时,这些模板需要在. 希望这是有道理的。<textarea>showCenterTemplates()<textarea>

0 投票
1 回答
2608 浏览

asp.net - ListBox中的热对齐文本中心 - asp.net 4.0

asp.net 4.0 ListBox 元素中的文本如何对齐中心。我尝试了 cssclass 但没有工作。谢谢你。

0 投票
1 回答
2414 浏览

android - 为什么当 text-align 设置为“justify”时,Android WebView 无法正确显示带有希伯来语文本的 HTML 页面

我想在 WebView 上显示本地 html 文件。(安卓 2.3.3)

HTML 包含希伯来文文本。我希望文本是合理的,所以在我的 css 文件中我执行以下操作:

但由于某种原因,文本最终被搞砸了: 文字左对齐...

这绝对不是“合理的”,而是更偏左。

知道如何克服这个问题吗?它在除 WebView 之外的任何其他浏览器上都可以正常工作。(包括基于 WebKit 的)

0 投票
1 回答
30718 浏览

html - 显示:表格和文本右对齐不起作用

我有一个像这样的html结构:

我希望campainText 是右对齐的。这个元素的css是这样的:

我知道css的其余部分正在工作。问题是如果我在显示字段中包含表格选项,则文本是左对齐的。一旦我删除它,它就会按预期工作。是否有任何解决方法,或者我必须使用 display: inline 和<br />标签?

0 投票
9 回答
53316 浏览

css - 边距:自动在 IE 中不起作用

网址:http ://cyberbat.co.uk/test容器边距:auto 不工作,有没有其他方法可以放在IE 中间。

编辑:再次检查, index.php 是错误的文件,我将其替换为 index.html 。

0 投票
3 回答
587 浏览

jquery - JQuery 与 IE 读取继承的 css 属性,如何防止?

我对处理 JQuery 的 Internet Explorer 或处理 IE 的 JQuery 有疑问 :)

只是我有以下代码:

代码的功能是交换所有标签的文本对齐,在 FF 和 Chrome 中这段代码可以完美地工作,但在 IE 上我有一个问题,我认为它在更改父属性并交换后读取继承的文本对齐属性再次 !

为了了解发生了什么,我在应用 JQuery 代码后附上了 2 张源代码图片:

在FF(完美!):Firefox 结果的源代码快照

在 IE 中(错误!):IE 结果的源代码快照

顺便说一句,如果您想知道如何使用这种方式,我有开源项目并在数百个 JSP 上使用内联样式,也有表格,所以它的解决方案是翻转布局和支持多语言产品(支持 ltr 和 rtl 语言)......

希望找到解决方案。

注意:我使用的是 JQuery 1.7.1 ...这个问题在 ie8 和 ie9 中发布。

jQuery("*").each(jQuery("*").get().reverse(), function (i) {注 2:使用或时我得到最差的结果jQuery(jQuery("*").get().reverse()).each(function (i) {

编辑 1 & 2:在这个问题里面

编辑3:

注意 3:页面上的所有元素都会出现此问题,无论该元素甚至script、、、 ……等等htmlstyle而且最奇怪的是,有些元素没有得到任何接触!看这个截图: 所有元素,但也有一些!

编辑4:

我的问题部分解决了,在 IE9 上运行良好,在 IE8 上不工作,来自Stefan的解决方案,在尝试了很多方法总结我的代码之后:

在 JQuery 代码中:

在仅为 IE 加载的 CSS 文件中:

问候,