絶対的な位置付け、インライン/インラインブロック表示、フレックス表示などを考えて試してみて2日後...私はまだ質問に対する答えを見つけられませんでした - 下のスクリーンショットに示されているタイムスタンプのラベル位置を、純粋なCSSでスタイルする方法は? "完全な位置決め、純粋なCSSソリューションが必要
条件:
- タイムスタンプ幅は、親ブロックの最大幅100%に最小幅60PXから変化することができる(親が最大幅値を有し、右フロート)
- タイムスタンプが100%(たとえば50%)より小さい場合は、その左側のスペースにテキストを埋め、タイムスタンプは常に右に揃えます
- テキストとタイムスタンプが両親の最大幅よりも小さい - 彼らは笑っている1行目のwn(スクリーンショットの1番目と2番目のメッセージのように)
- タイムスタンプがテキスト付きの1行に収まらない場合は、ドロップダウンして右に揃えます
- テキストが '単一行でトンフィットは(スクリーンショットの第三のメッセージのような)、タイムスタンプが右が に合わせ、二行目に示されており、これまでのところ、私はそれに達する可能性があること
上の空間をブロックしませんJSだけでは、純粋なCSSで動作させることは可能だと私は信じています。
UPD:
:あなたは私のhttp://jsbin.com/gatifevowu/2/edit?html,css,output
申し訳ありませんがみんな、私が最初の場所でサンドボックスへのリンクを追加しましたが、その時、私はインドを通過するた、インターネットがひどいと思ったので、私はしませんでしたダブルチェック。しかし、少し遅れてリンクを更新しました。 @ j08691今日、人々はあなたのようにあまりにも疑わしいです。あなたがそれを気に入らなければ、真剣にそれを渡してください。モデレーターは、価値のない投稿を削除します。そして、誤解に対する私の謝罪。 – Mihail