こんばんは。 まりりんです。 ソニーがPS5を2020年の年末に発売予定と発表がありました。 ７年ぶりということで、もうそんなに時間が過ぎたのかとしみじみ感じています。 さて、PS5の情報はまだまだ謎に包まれていますが、発売発表と同時にコントローラーが新しくなると発表がありました。 ハプティック技術により、レース中に壁にぶつかる感覚や草原を駆け抜ける感覚などがリアルに感じることができるのと、L2とR2ボタンが進化しプレイヤーのアクションにあわせてこちらもリアルな感覚を味わえるそうです。 この情報だけでも欲しくなってきました。 そして、値段も気になります。 ん！でもちょっと待ってください・・・ ①PS5を買う ↓綺麗な映像で大画面でやりたい ②テレビを買う ↓良い音でやりたい ③ステレオを買う ↓音漏れなど気にしないでやりたい ③いい部屋を借りる ↓いい音・いい映像なら映画見たい ④プロジェクター・スクリーンを買う ・ ・ ・ ・ ・ よし！仕事頑張ろう！若しくは宝くじが当たりますように・・・ 最後に 楽天お疲れ様でしたー！ ではでは、ラグビーに切り替えてファイト日本！！
Staff blog
いろいろ調べてみると下記のように記述がちらほら…
————————————————-
#Box {
width: 100%;
text-align: center;
}
#Box #Box01Inner {
display: inline-block;
}
#Box #Box01Inner p {
text-align: left;
}
————————————————-
結果からいうと特に問題なくうまくいきましたが、せっかくなのでFlexboxを使ってみようと思い、Flexboxで記述する場合は下記の通り。
————————————————-
#Box {
width: 100%;
display: flex;
justify-content: center;
}
#Box p {
text-align: left;
}
————————————————-
こっちの方が記述が少なくわかりやすいと思うので、こっちを採用しました。
ただこの記述方法だとie9には反映しないのでちょっと変更を加えます。
————————————————-
#Box {
width: 100%;
-js-display: flex;
display: flex;
justify-content: center;
}
#Box p {
text-align: left;
}
————————————————-
flexibility.jsを追加してこの書き方をすればie9にも対応します。
落ち着いて考えればどうってことないのですが、よく使いそうであまり使わないテクニックだけにちょっと考えてしまいました。
今日また一つ勉強になりました！
