CSS LI 問題，兩個 LI 未對齊

為什麼它不對齊...... 然後。

.怎麼會錯位......

讓我們先刪除瀏覽器的預設邊距*

ul,li

ul、li 填充和邊距有預設值，只需清除即可。

感覺手機和電腦的解像度不同，所以調整解像度。

1.乙個簡單的靜態頁面，如果只是幾個，就把它放在乙個頁面裡，然後在底部垂直選擇它。

2.對於動態網頁，也就是**不固定，可以把乙個**和下面的文字放到乙個div裡，然後把div的屬性設定為float=left，這樣在乙個div中就可以很靈活的控制了，對於第二種方法不好調整間距，可以先給div加個邊框， 然後效果滿意，就去邊境了。

Web 效果。

對js應該有用，至少**截截在這裡有用，觀察看**寬度是確定的，而且文字應該是統一的高度我猜，這裡是我的**，主要是li的底部對齊實現，key**display：inline-block; vertical-align:bottom;我不想相容，標準瀏覽器可以有效果，IE8也可以，其實有很多細節需要考慮，比如標籤的選擇和組合。

因為它很懶，所以——

> 文字說明文字說明文字說明。

文字描述。 文字描述。

可以直接用li+css實現，但是效果不好，而且我覺得不靈活，這種情況可以這樣處理：

1.乙個簡單的靜態頁面，如果只有版本只有幾張圖片，就把它放在乙個**裡，然後垂直選擇它的底部。

2.對於動態網頁，即不固定。

你可以把乙個 ** 和下面的文字放到乙個 div 中，然後把 div 的屬性設定為 float=left，這樣你就可以在 div 中非常靈活地控制它。

對於第二種方法，如果你不調整間距，你可以先給 div 新增乙個邊框，然後當你對結果感到滿意時，你可以刪除邊框。

1.簡單的靜態頁面。

如果只是幾個，就把它放在乙個裡面。

然後在去它的路上。

垂直在裡面。

選擇底部。 2.對於動態網頁。

也就是說，**不是固定的。

你可以把乙個 ** 和下面的文字放到乙個 div 中，然後將 div 的屬性設定為 float=left

這允許在 div 中進行非常靈活的控制。

對於第二種方法，調整間距不好。

您可以先向 div 新增邊框。

然後效果就滿意了。

所以邊界消失了。

Web 效果。

我把你的**放在上面試了一下，這個問題沒有問題，你用什麼瀏覽器，什麼版本。

li tag 你也定義了margin： 0; 填充：0 嘗試。

如果要使用列表進行Web導航，一般有兩種方法：1.可以使用display：inline; 然後使用填充或邊距設定每個 LI 的邊距。

2.可以使用浮動方法float：left; 為了實現這一點，我個人用得比較少，一般用第一種布局方法。

希望對你有所幫助！

新增樣式：

李麗，注意第乙個李的前面有乙個點。

1. 將文字設定為在 ul 樣式中向左對齊。

UL 2，標籤尺寸不同，可以使用自定義背景**代替標籤樣式。

要向左對齊，您需要刪除預設的 ul 和 li 左邊距。

至於ul的樣式，可以先去掉ul的樣式，也可以加上“·”直接放在 li 裡面，如下：jdljoueoulgjl

這很簡單，你要定義，你要定義CSS，這樣他們的左對齊就是浮動，這不好說，如果需要的話，離開QQ，我給你舉個例子自己看一下，這樣更容易理解。

點的問題：設定背景。

定位子元素。 使用位置標記。

示例：使用絕對定位，可以將元素放置在頁面上的任何位置。 這段話設定為從頁面左側開始 100 畫素，從頁面頂部開始 150 畫素。

方法屬性設定：positon：absolute; left:100px; top:150px;

您還可以使用右下和左下來表示從右到右，從上到上，從下到下。

在這裡我想解釋一下，有 5 個值可供選擇，它們對應不同的設定頁面。

absolute：生成乙個絕對定位的元素，該元素相對於靜態元素以外的第乙個父元素定位。

元素的位置通過"left", "top", "right"和"bottom"屬性是規定的。

fixed：生成相對於瀏覽器視窗定位的絕對定位元素。

元素的位置通過"left", "top", "right"和"bottom"屬性是規定的。

relative：生成元素的相對位置，該位置相對於其法線位置。

因此"left:20"20 畫素被新增到元素的左側位置。

static：預設值。 如果沒有定位，元素將出現在正常流中（忽略頂部、底部、左側、右側或 z 索引宣告）。

inherit：指定 position 屬性的值應繼承自父元素。

你說的是以它為中心的底部，對吧？ 如果是這種情況，除非可以確定 ul 的寬度，否則請使用 margin：0 auto。

如果您不確定，請不要使用 ul li 標籤。 因為 li 需要 float：left; 只能在同一行上顯示，在 text-align 中使用以下屬性：

中心不起作用。 或者給 li 新增乙個 display：inline-bolck; 然後新增乙個文字對齊：

center；當然，不建議這樣使用，最好不要使用li

不，定位！ 或者只是使用盒套！

前額。。。 你想居中還是向左？

直接在中心使用 text-align：center; 預設值為左對齊，最多為 text-align：left;

如果希望效果更中間一點，則在 li 上新增乙個向左填充的控制位置。

居中：text-align：center; （預設為左對齊），然後設定：text-align：left;

** 如下：box{text-align：center;} text-align:left｝

內容 1、內容 2、內容 3

你的意思是文字看起來間距相同，而 li 是水平排列的嗎？