CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSを使用して要素内の空白を処理する

空白を使用する 要素内の空白を処理するプロパティ

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         p.demo1 {
            white-space: normal;
         }
         p.demo2 {
            white-space: pre;
         }
      </style>
   </head>
   <body>
      <h2>Control white-space</h2>
      <p class = "demo1">
         This is demo text.
         This is demo text.
      </p>
      <p class = "demo2">
         This is demo text.
         This is demo text.
      </p>
   </body>
</html>

  1. CSSを使用してホバー時に要素をズーム/スケーリングするにはどうすればよいですか？

    CSSを使用してホバーで要素をズーム/スケーリングするには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    * {       box-sizing: border-box;    }    .zoomD

  2. CSSを使用して円形パス内の要素を移動する方法は？

    CSSアニメーションは、組み合わせ、回転、変換することで、さまざまな方法で要素を変換するのに役立ちます。 次の例は、円形パスで要素を移動する方法を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {    margin: 8%;    width: 35px;    height: 35px;    border-radius: 5px;    background: red;