在一個設定好寬度的div中,當我們輸入的中文文字長度超過了設定寬度時,會自動換到下一行。如果輸入的是英文字母,那麼,無論你div設定寬度爲多少,英文字母都是不換行直接在同一行輸出,導致div的寬度遠遠超出設定的大小。 這是因爲div中,英文字母之間沒有空格的話,它會默認認爲這是一個英文單詞,所以單詞就一次輸出不換行。
解決辦法:
在div的style中設定word-break:break-all;即可實現自動換行。
div{
word-break:break-all;
}
在一個設定好寬度的div中,當我們輸入的中文文字長度超過了設定寬度時,會自動換到下一行。如果輸入的是英文字母,那麼,無論你div設定寬度爲多少,英文字母都是不換行直接在同一行輸出,導致div的寬度遠遠超出設定的大小。 這是因爲div中,英文字母之間沒有空格的話,它會默認認爲這是一個英文單詞,所以單詞就一次輸出不換行。
解決辦法:
在div的style中設定word-break:break-all;即可實現自動換行。
div{
word-break:break-all;
}
<style type=text/css>td { font-size: 12px; color: #000000; line-heig
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
二級導航實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi