javascript - div がいつオーバーフローしたかを検出する

Question

画面のサイズに応じてウェブサイトが流れるようにしています。これを作成しました: http://jsfiddle.net/aboveyou00/7NeZz/1/。十分に機能しています。内側の 2 つの div は、収まる場合は中央に配置され、同じ行で隣り合っていますが、収まらない場合は、それぞれの行の中央に配置されます。

ここにHTMLがあります。CSS と JavaScript はフィドルにあります。

<div class="divContainer">
  <div class="div1">
    <img src="http://placehold.it/200x300/EEEEEE/000000" />
  </div>
  <div class="div2"></div>
</div>

div2問題は、次の行にプッシュされたかどうかに応じて、フォーマットを変更する方法を見つけようとしていることです。同じ行にある場合は、内側のテキストを左揃えにする必要があります。下に移動した場合は、内側のテキストを中央揃えにする必要があります。

制約: 必要に応じて、javascript と jQuery を使用できます。CSS のみのソリューションが推奨されますが、想定されていません。

どうすればいいですか？