文章目錄

• • • 圖片 文字水平兩端 、垂直居中 對齊
    • textarea 回車換行顯示
    • • 問題
      • 方法

圖片 文字水平兩端 、垂直居中 對齊

<style> .parent{ width:750px; margin:20px auto; display: -webkit-box;-webkit-box-pack: justify; display: -webkit-flex;-webkit-justify-content: space-between; display: -ms-flexbox;-ms-flex-pack:justify; display: flex; justify-content: space-between; // 水平兩端對齊 align-items: center; // 垂直居中 } </style><header class="parent"><div style="width:25%;"><img alt="logo" style="width:100%; display:block;" src=""></div><div><a href="{{config('app.url')}}" target="_blank">{{config('app.name')}}</a></div> </header>

textarea 回車換行顯示

問題

在 textarea 中輸入
1111
2222
3333
但是顯示 1111 2222 3333

方法

只需要在需要顯示換行的html元素上增加 .pre-wrap 就可以啦

<style> .pre-wrap{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word; } </style>

總結

以上是生活随笔為你收集整理的【CSS】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。