タグ

ブックマーク / lab.syncer.jp (2)

  • CSSでbr要素みたいに改行する方法

    サンプルコード.br::before { content: "\A" ; white-space: pre ; }デモbrというclassを作成しました。下記は対象要素の直前に改行を挿入する例です。直後に挿入するには、::beforeではなく、::afterに指定します。 <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <style> .br::before { content: "\A" ; white-space: pre ; } </style> </head> <body> <p>われわれは<span class="br">宇宙人</span>だ</p> </body> </html> 備考\Aとは?"\A"は、改行を示すコードです。スタイルシートのcontentプロパティにこの値を加えると、その場所に改行が挿入されます。ち

    CSSでbr要素みたいに改行する方法
    kick178
    kick178 2015/12/03
    <br>を使わない文章改行方法。レスポンシブに使えるかも。
  • Google Maps Embed APIの使い方まとめ

    2017/07/05 Google Mapsを自分のサイトやブログに埋め込んで表示できる「Google Maps Embed API」の使い方をまとめています。JavaScriptを利用しないので、プログラミングが苦手な方でも手軽に利用できます。 Google Maps Embed APIGoogle Embed APIの公式リファレンスです。詳しい仕様、プログラミング方法などを確認できます。準備 (APIキーの取得)Google Maps Embed APIを利用するには、APIの有効化と、認証情報(APIキー)が必要です。この章では取得方法を説明します。 アカウントの用意APIキーを取得するためには、Googleのユーザーアカウントが必要です。まだ持っていない人は作成して下さいね。 Googleアカウントの作成Googleのアカウントを作成するには、このページから操作を行なって下さい。

    Google Maps Embed APIの使い方まとめ
  • 1