YyHero18Net 首頁 - ※【大名素材Arts → ( 名 Art 妳你您祢袮囉 ) 】※ - [分享] div中的元素或文字橫或直都同時置中??

a:link,a:visited { text-decoration: none; color: pink } a:hover { text-decoration: underline } .bold { font-weight: bold } .altbg1 { background: #303030; font: 12px Tahoma, Verdana; } .altbg2 { background: #393939; font: 12px Tahoma, Verdana; } blockquote { margin-left:10px; margin-right:5px; border:#000000 dashed 1px; padding:5px; background-color:#393939} //blockquote { margin-left:20px; margin-right:20px; border:#000000 dashed 1px; padding:5px; background-color:#393939} .code { margin-left:20px; margin-right:20px; padding:5px; background-color:#393939} .clsResult { margin: 0; padding: 2px; } .clsResultTitle { font-size: 16px; font-weight: normal; text-decoration: underline; line-height:25px; margi:2px 0; color: YELLOW} .clsResultTitleNoBold { font-size: 12px; font-weight: bold; text-decoration: underline; line-height:normal; margi:2px 0; color: YELLOW} .clsResultDescription { font-size: 12px; line-height:normal; color: } .clsURL { font-size: 12px; line-height:25px; color: RED; text-decoration: underline; } .clsCell { padding: 2px; background: ; border: 1px solid RED; cursor:pointer; cursor:hand } .clsResultTitle a:hover {color:#f00} .clsResultTitleNoBold a:hover {color:#f00}

各位注意：為方便管理，由即日起，所有做廣告者即時刪號，亂開主題及灌水者重扣分，絕不手軟，請自重。

數據正在加載中...

YY行動版 | YY是我家，努力靠大家。

YyHero18Net 首頁 » ※【大名素材Arts → ( 名 Art 妳你您祢袮囉

) 】※

會員: yyhero18net
編號: 0000002
頭銜: 壇主
帳號: VIP永久會員
積分: 926070670
貢獻: 1032
發帖: 65535
注冊: 2005-4-27
狀態: 在線
性別: ( 男 Male )

贊助網站載入中...

#1 本貼發表於 2020-9-6 06:41 PM
標題: [分享] div中的元素或文字橫或直都同時置中??

贊助網站載入中...

原圖

注意：演示效果會因各瀏覽器的支援情況而有所不同，貼內一切的演示效果以原圖為準，謝謝。

div中的元素或文字橫或直都同時置中??

演示：模擬屏幕 320 x 200，若x4=？注意:黃框是主素材div 沒設width height100。
目標素材

在主元素加入padding: 50px 0; 或 line-height: 100px;
padding: 50px←50就是主元素height:100px的一半
line-height: 100px;←100就是主元素height:100px整個高度
例如主元素height:200px 就應設為padding: 100px 0;
參數如下

CODE: [Copy to clipboard]
<div style="padding: 50px 0;width:320px;height:100px;border: 3px solid yellow;text-align: center;">
<div style="width:100px;border: 3px solid red;">目標素材</div>
</div>

贊助網站載入中...

※ 所有言論不代表本站立場與本站立場無關，本站不對其內容負上任何責任。※
※ [注意公告] 已進行統一發表主題的格式，謝謝合作！※
※ [注意公告] 原創貼的發貼要求，謝謝合作！※

2020-9-6 06:41 PM

資料主頁消息

本貼子捷徑編輯帖子

可打印版本 | 推荐給朋友 | 訂閱主題 | 收藏主題

論壇跳轉:

贊助網站載入中...

[ 聯系我們 - YyHero18Net 歪歪英雄十八叻主首頁 ] 將本站加入最愛～將本站設為首頁～清除Cookies
Powered by Discuz! 2.5 F SP1 © 2001-2005 Comsenz Technology Ltd.

2016-2-14日起新增微信捐助本站

2020-8-2 Yy行動版，正式上線測試，有關Flash小遊戲/下載種子的問題詳情。

2016-2-14日起新增微信捐助本站

各位內地/香港/海外朋友：Donation