标签: justify

你如何得到一个TextView被证明的文本(在左侧和右侧有文字冲洗)？

我在这里找到了一个可能的解决方案,但它不起作用(即使你将vertical-center更改为center_vertical等).

我想在900px容器中均匀地拉伸6个导航项目,两者之间有一个均匀的空白区域.例如...

---| 900px Container |---

---| HOME    ABOUT    BASIC SERVICES    SPECIALTY SERVICES    OUR STAFF    CONTACT US |---

目前,我能找到的最好的方法是:

nav ul {
  width: 900px; 
  margin: 0 auto;
}

nav li {
  line-height: 87px;
  float: left;
  text-align: center;
  width: 150px;
}

这个问题有两个问题.首先,它并不能真正证明它,而是将li标签均匀地分布在ul标签中..在"HOME"或"ABOUT"等较小的菜单项之间创建不均匀的空白区域,在"BASIC SERVICES"之类的较大菜单项之间创建不均匀的空白区域.

第二个问题是,如果导航项大于150px(即SPECIALTY SERVICES),布局会中断 - 即使整个导航的空间足够多.

有人能为我解决这个问题吗？我一直在网上搜索解决方案,而且它们似乎都很简短.仅在可能的情况下使用CSS/HTML ...

谢谢!

更新(2013年7月29日):使用table-cell是实现此布局的最佳现代方式.请参阅下面的felix的答案.该table cell属性目前在94%的浏览器上运行.你将不得不做一些关于IE7及以下的事情,但否则应该没问题.

更新(2013年7月30日):不幸的是,如果您将此布局与媒体查询相结合,则会出现影响此问题的webkit错误.现在你必须避免更改'display'属性. 请参阅Webkit Bug.

更新(2014年7月25日):现在有一个更好的解决方案,现在涉及text-align:justify.使用它更简单,您将避免Webkit错误.

还有一些其他问题已经解决了如何最好地应用text-align: justify以使内联块元素均匀分布...例如,我如何*真正*证明HTML + CSS中的水平菜单？

但是,"清除"内联块元素行的100%宽度元素由浏览器给出了自己的行.我无法弄清楚如何在不使用line-height: 0;父元素的情况下摆脱那个空的垂直空间.

有关问题的示例,请参阅此小提琴

对于我使用的解决方案line-height: 0;,请看这个小提琴

我正在使用的解决方案要求将新line-height元素应用于子元素,但任何先前设置line-height都将丢失.有人知道更好的解决方案吗？我想避免表格,以便元素可以在必要时包装,还有flexbox,因为浏览器支持还没有.我也想避免浮动,因为间隔开的元素数量是任意的.

我有一个水平导航栏,如下所示:

<ul id = "Navigation">
    <li><a href = "About.html">About</a></li>
    <li><a href = "Contact.html">Contact</a></li>
    <!-- ... -->
</ul>

我使用CSS删除子弹点并使其水平.

#Navigation li
{
    list-style-type: none;
    display: inline;
}

我试图证明文本的合理性,以便每个链接均匀分布以填满整个ul空间.我尝试添加text: justify到选择器li和ul选择器,但它们仍然是左对齐的.

#Navigation
{
    text-align: justify;
}

#Navigation li
{
    list-style-type: none;
    display: inline;
    text-align: justify;
}

这很奇怪,因为如果我使用text-align: right它,它的行为与预期的一样.

如何均匀分布链接？

我曾经知道如何将图像放在顶部,然后对齐图像下方的文本,使其保持在图像宽度的边界内.但是,现在我不知道该怎么做.这是如何完成的？

我不认为"为什么？" 这个问题很重要......但我需要做的是text-align:justify来自DIV的最后一行文本.通常情况下,div的最后一行(或第一行,如果没有其他行,这是当前情况)不合理,但是左对齐.我知道它可能没有任何意义,但我绝对需要最后一行才有道理!

给定一个文本,$txt我怎么能在Bash中将它证明为给定的宽度.

示例(宽度= 10):

如果$txt=hello,我想打印:

hello     |

如果$txt=1234567890,我想打印:

1234567890|

有没有办法使用CSS自动对齐使用字母间距的单词,每个单词在其行中,到定义的宽度？

例如,"像这样的东西"看起来像这样:

是否有一种非突兀的方式将这种样式应用到我的文本中？我相信纯CSS没有这个选项(至少在3之前没有CSS版本,CSS3似乎有一个text-justify属性,但它还没有得到很好的支持),所以js解决方案也没问题.

为什么以下代码在IE10中不起作用？

.foo {
    display: -ms-flex; 
    -ms-justify-content: center;
}

为了让它们起作用我需要写什么？

是否可以在AlertDialog的标题和消息中对文本进行右对齐？

我正在展示希伯来语的消息,但它们显示左对齐.