YyHero18Net 首頁 - Powered by Discuz! Board

標題: [分享] div中的元素或文字置中?? [打印本頁]

作者: yyhero18net 時間: 2020-9-6 02:48 PM 標題: [分享] div中的元素或文字置中??

div中的元素或文字置中??
沒設定的話默認也是靠左的

演示：模擬屏幕 320 x 200，若x4=？

目標素材1

目標素材2

目標素材3

目標素材4

喡看到吧

置中了

由於模擬屏幕 320 x 200 是置中的
令目標素材4沒加入text-align: center;也置中排列
所以需在目標素材1加入text-align: left;才出文字靠左的效果
而目標素材2雖加入text-align: center;但跟沒加其實是一樣的囉
看

目標素材1234的div都是置中就是這樣原因
參數如下

CODE:  [Copy to clipboard]
  <div style="width:200px;border: 3px solid red;text-align: left;">目標素材1</div>
  <div style="width:200px;border: 3px solid red;text-align: center;">目標素材2</div>
  <div style="width:200px;border: 3px solid red;text-align: right;">目標素材3</div>
  <div style="border: 3px solid red;">目標素材4</div>

歡迎光臨 YyHero18Net 首頁 (http://www.yyhero18net.com/yyhero18net/)