ホームページリニューアル

2020年1月17日

バイタルセンサーやRFIDシステムの「株式会社システムジャパン」様のホームページをリニューアルさせて頂きました。

株式会社システムジャパン

◆ホームページリニューアルの特長

  • HTML5+CSS3をWordPressにて制作
  • レスポンシブデザイン
  • スマホやタブレットで見やすい1カラムサイト
  • 横並びには「Flexbox」

◆Flexboxを利用した表組み

数年前より表を作る場合「tableタグ」は使わず「定義タグ(dl,dt,dd)」を利用し「float」で「dt」と「dd」を横並びさせていましたが、「dtタグ」に表示させるテキストを縦方向の中央に表示さたくとも方法が思いつかず上段に表示させていました。

しかし、最近になって「Flexbox」で横並びさせるCSSを利用するようになり、何かいい方法がないかと思い探していたところFlexboxでは、縦方向の中央に表示させる「align-items」というプロパティがあるので「align-items:center」を「dtタグ」に使ってみました。それが「 https://www.systemjp.com/company/ 」の役員や事業内容の中央揃えです。

「align-items:center」により長年の悩みが1つ解消されました(^▽^;)

ホームページ制作のご相談
お問い合わせお見積り
株式会社Plat (03)5754-2640

〒145-0065東京都大田区東雪谷1-31-8