相关疑难解决方法(0)

我有一个流体宽度的容器DIV.

在这个我有4个DIV全部300px x 250px ...

<div id="container">
   <div class="box1"> </div>
   <div class="box2"> </div>
   <div class="box3"> </div>
   <div class="box4"> </div>
</div>

我想要发生的是箱子1向左浮动,箱子4向右浮动,箱子2和3在它们之间均匀间隔.我希望间距也是流畅的,因此随着浏览器变小,空间也变小.

我正在构建React组件.我在组件中添加了CSS inline,正如React背后的人之一所展示的那样.我一直在努力寻找一种方法来内联添加CSS伪类,比如在演示文稿中标题为":: after"的幻灯片上.不幸的是,我不仅需要添加content:"";属性,还需要position:absolute; -webkit-filter: blur(10px) saturate(2);.幻灯片显示了如何添加内容{/* … */},但是如何添加其他属性？

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

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

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

我遇到的问题是填写div文本使用letter-spacing.主要问题是,我不知道宽度div.

首先我正在考虑使用,text-align= justify但是因为我一直在黑暗中奔跑并且不知道如何解决这个问题.我猜一些脚本魔术可能会成功.

一个imgur链接让你知道我的意思:

<div id="container">
 <h1>Sample</h1>
 <p>Another even longer sample text</p>
</div>

这是一个展示示例的链接; JSfiddle.

我需要在100%宽度的div容器中完全放入文本.

我试图使用,letter-spacing但它看起来只接受px/em,而不是百分比值..但不会响应(例如调整窗口大小).

这就是我得到的:http://jsfiddle.net/3N6Ld/

我应该采取另一种方法吗？有任何想法吗？谢谢