網頁作業被DIV和樣式弄暈了，為什麼這塊文字自動跳到下一行

1樓：匿名使用者

先指出錯誤點吧：

1. div align="left" 木有這種寫法2. wo de xiaotan/images/尋它網我的小攤_02.jpg 資料夾命名儘量不要出現空格

3. 超鏈和類介面中間要有空格

解決過程

看你提供的**，沒猜錯的話，「 尋它網我的小攤_02.jpg」 這個本來是背景的**，你當**直接插入了吧，所以後面的選單會被擠到下一行。還有，**沒有中文命名的，注意以後使用易懂的英文或者拼音

猜錯了話，也沒關係，怎麼也得重寫，簡單給你寫一下吧歡迎光臨

首頁css部分**

.header

.header ul li //這個寬度是li寬度，如果希望點選單文字旁邊的區域也能點選，就把這個寬度寫在 .header ul li a{}中

.header ul li a

大致就這樣了，仍有疑問的話，追問吧

歡迎光臨尋它網!首頁

2樓：立青日月

把「歡迎光臨尋它網!」放在一個div裡面。

首頁等導航部分放在一個div裡面。

3樓：

div 是塊級元素 應用float width 讓他浮動就行了 li也是浮動就行了 這是基礎啊 可以放div

html怎麼設定字與字之間的間距

4樓：設計複雜

1、首先新建一個html檔案，命名為test.html，在test.html檔案內，使用p標籤建立一行文字，文字內容為「這是一段測試的文字」。

2、然後在test.html檔案內，設定p標籤的class屬性為txt，主要用於下面通過該class來設定css樣式。

3、接著在test.html檔案內，編寫標籤，頁面的css樣式將寫在該標籤內。

4、在test.html檔案內，在css標籤內，以「.類名」的形式來設定p標籤的樣式。

5、在css標籤內，使用letter-spacing屬性設定文字的間距，間距值的單位可以是px，rem，cm等css單位。例如，這時設定文字間隔為20px。

6、最後在瀏覽器開啟test.html檔案，檢視實現的效果，如下圖所示就完成了。

5樓：人人都聊網際網路

使用字與字的間距可設定letter-spacing屬性實現，例如：

1、p即表示這是一段文字

標籤裡的文字間距為15px。

2、另外，該屬性允許使用負值，這會讓字母之間擠得更緊，比如p3、所有的瀏覽器都支援letter-spacing屬性。

6樓：小貓說人文

用css中的 word-spacing:

7樓：水有燈外

letter-spacing字與字

word-spacing詞與詞

css如何讓一行內的文字兩端對齊？

8樓：幻翼高達

需要準備的材bai料分別有：電腦、瀏覽du器、html編輯器zhi。

1、首先，開啟html編輯器，新dao

建html檔案，例如：index.html。版2、在index.html中的標籤中，輸權入css**：

divdiv:after

3、瀏覽器執行index.html頁面，此時一行內的文字實現了兩端對齊。

9樓：南開小淘

這不就是「固定寬度且居中」的變體設計嘛，

margin-left:50%;

left: -width/2;

10樓：沒有什麼救世主

span+浮動+外邊距控制！

11樓：憂鬱的獸

text-align:justify;

內容超出div寬度後自動換行的css**

12樓：加百列

使用一段css**：」word-wrap: break-word;word-break: break-all;overflow: hidden;「。

例項演示如下：

1、設計兩個容器，放入一些文字，**如下：

此時的頁面展示如下：（均為換行）

2、修改兩個容器的樣式，給第一個容器加上了關鍵**如下：

此時的頁面展示（第一個已經換行）：

13樓：河東陳彬

html中超出盒子寬度會自動換行的，不用設定，如果你連續的英文之間沒用空格，那麼它會以為是一個單詞，就不會換行，這個時候加上word-break: break-all; word-wrap:break-word;

就可以了。

14樓：碼匠

預設情況下，當內容文字超出div寬度之後，就會自動換行，除非你使用的是一些「aaaaaaaaaaaaaaaaaaaaaaa」之類的無間斷的英文（測試用資料），這時候你可以使用 word-break屬性進行處理，設定word-break: break-all;即可

15樓：offsk靈魂錯覺

這段**才對！white-space:pre-wrap;

white-space:-moz-pre-wrap;

white-space:-pre-wrap;

white-space:-o-pre-wrap;

word-wrap:break-word;

16樓：裴裴同

只要你div寬度設定好了中文會自動換行的不需要加css它自己也會換行。如果是一個長的字串英文你加什麼都沒有用。

17樓：汐灬花落

給div設定下固定的寬度就可以了

18樓：匿名使用者

設定div的寬度後就可以自動換行啊

19樓：mz雙魚

設定div的樣式為white-space:normal;

20樓：fusheng丶

直接在樣式裡面新增white-space:normal;

21樓：匿名使用者

寬度設定後會自動換行，但以下兩種情況設定css也不行1、過長的不帶空格的英文

2、過長的不帶空格的數字

原因：可能是瀏覽器換行是根據單詞來決定的，如果一長串英文不帶空格，瀏覽器就認為是一個單詞，無法分開，也就不換行了

22樓：

同問這個問題，就加兩個字，內容超出div的最大寬度後自動換行的css。

就是寬度是自動的，但是他有一個最大的寬度。

23樓：阿里巴巴廣州授權渠道商陳生

兩塊錢解決你的問題。

關於這個，一般是自帶換行的，你的不能換行？

24樓：順炫**製作公司

一般內容超過div寬度後就會自動換行，你問的問題 不完整

網頁製作中怎樣將div的位置下移

25樓：小丁創業

實現的方法和詳細的操作步驟如下：

1、第一步，如果要向下移動div，則可以使用位置屬性進行調整。

具體方法是先開啟編輯器，建立一個新的html檔案，然後編寫基本的html結構。

在這裡，設定兩個div並分別命名其類屬性parent和child，併為父子div設定寬度和高度以及不同的顏色，如下圖所示，然後進入下一步。

2、其次，完成上述步驟後，開啟瀏覽器，可以在綠色的parent div中看到黃色的child，如下圖所示，然後進入下一步。

3、接著，完成上述步驟後，將position屬性新增到child屬性並將其設定為absolute。

top，left，bottom和right值分別代表top，left，bottom和right的位置。 在此，只能將top屬性設定為向下移動，其他設定為0，如下圖所示，然後進入下一步。

4、最後，完成上述步驟後，再次開啟瀏覽器，會發現child已下移，如下圖所示。這樣，問題就解決了。

26樓：很多很多

1、想讓div下移，使用position屬性就可以調整，具體方法首先開啟編輯器，新建一個html檔案，寫入基本的html結構，這裡設定兩個div，分別給它們的class屬性命名為parent和child，並給parent和child的div設定好寬度和高度和不同的顏色：

2、此時開啟瀏覽器，可以看到黃色的child在綠色的parent的div中間：

3、接著給child屬性加入position屬性設定為absolute，其中top、left、bottom、right四個值代表上、左、下、右的位置，這裡只設定top的屬性就可以下移了，其他設定為0：

4、再次開啟瀏覽器，就會發現child下移了。以上就是網頁製作中將div的位置下移的具體操作方法：

27樓：

1、將要下移的div定義一個css樣式，這裡我以為例。

2、如下圖黃色背景的div要下移一定量。

3、選擇style中的222樣式名，再點選css選項卡下的編輯按鈕，如下圖向右的指向箭頭所示。

4、開啟的css編輯面板，選擇左側分類下的「方框」，在右側的margin下的top處填上你的下移的大小數值，點選確定，關閉css編輯面板。

5、這時可以看到右側「222」樣式下多了一行「margin-top: 100px」。

6、此時再看左側黃色的div框已經下移了。

28樓：雲南新華電腦學校

html中元素的位置可以用margin來實現，導航欄往下移可以使用margin-top屬性，舉例：

element

29樓：

用css來控制div的位置佈局 margin:0px auto;居中 margin-top:50px; 向下移動50畫素

30樓：優贊店長

第一，找到你當前div容器的起點，如：