dl裡的內容無法居中的原因和解決辦法

2021-08-11 03:05:59 字數 833 閱讀 3569

先說無法居中的原因:dl-dt-dd是標題+列表類標籤,dt和dd裡的內容預設一定會縮排,導致dl-dt-dd中的text-align無效。

解決辦法:

1. 去掉預設樣式

*

一定要先記得清掉預設樣式啊!!很多奇怪的問題就迎刃而解了。

以下是未清除預設樣式的解決方法:

1. 用margin調整dd或者dt。

2. 改用ul-li標籤。

舉例如下,欲給dl裡的文字設定居中:

title>

type="text/css">

dl

style>

head>

22222 88888888888888span>

dd>

dl>

body>

html>

效果如下圖所示,文字會自動縮排,text-align失效, :

解決方法1:對dd設定margin,自由調整margin的數值。

title>

type="text/css">

* dl

ddstyle>

head>

22222span>

dd>

dl>

body>

html>

效果如下圖所示:

Div居中,Div裡的內容居中

1.div居中 主要的樣式定義如下 body center說明 首先在父級元素定義text align center 這個的意思就是在父級元素內的內容居中 對於ie這樣設定就已經可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上 margin right auto mar...

頁面無法居中的原因

網頁製作 margin 0 auto 無法居中解決方法 很多初學製作網頁的朋友,可能會遇到的乙個常見問題,就是在css中加了margin 0 auto 卻沒有效果,不能居中的問題!margin 0 auto 的意思就是 上下邊界為0,左右根據寬度自適應!其實就是 水平居中的意思,呵呵!小一在這裡說兩...

簡單的XSL在FF下無法顯示的原因和解決辦法。

用ff進行除錯的時候,大概有很多人都遇到這個問題,下面看一下問題範例 xml xml version 1.0 encoding utf 8 xml stylesheet type text xsl href test.xsl menus aa aa aa bb bb bb cc cc cc menu...