與php和ajax聊天與bug設計css

-1

我在一個新項目中工作，我正在做「聊天部分」一對一聊天..與php和ajax。與php和ajax聊天與bug設計css

我是一個新的CSS東西..當我測試代碼時，我發現一個問題：文本不下來，並繼續跳過設計，我把圖像，以更好的理解。

CSS代碼：

.login_form { 
border: 1px solid #AAA; 
padding:10px; 
} 
h3 {margin-top:3px;} 
.chat_main { 
border:1px solid #AAA; 
-moz-box-shadow:0 0 10px #ccc; 
-webkit-box-shadow: 0 0 10px #ccc; 
width:350px; 
padding:10px; 
background:#f3f3f3; 
} 
.message { 
border:1px solid #AAA; 
margin:4px; 
padding:5px; 
-moz-border-radius:7px; 
-webkit-border-radius:7px; 
background:#ffffff; 
} 
.textf {-moz-box-shadow:0 0 10px #CCCCCC; 
-webkit-box-shadow:0 0 10px #CCCCCC; 
border:1px solid #CCCCCC; 
height:40px;} 
.submit { 
-moz-border-radius:7px; 
-webkit-border-radius:7px; 
background:#F3F3F3; 
border:1px solid #CCCCCC; 
font-size:16px; 
font-weight:bold; 
height:35px; 
margin-left:10px; 
padding:5px; 
} 
.message span { 
font-size:10px; 
color:#888; 
margin-left:10px; 
} 
.submit_form { 
margin:10px 0px; 
}

希望u能幫助我，我覺得it's一個簡單的錯誤的設計，我不知道，因爲I'm在設計新的東西。

來源

2017-10-14 Sebastian Hanania

不知道喲u區詢問 – rtfm

已修復，感謝您的評論。 –

使用精確的單詞而不是垃圾詞，如aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa這不是一個詞，說明你爲什麼面臨這個問題。

即使你想用這樣的話可以用overflow-wrap: break-word;

來源

2017-10-14 06:03:10

可以使用word-break:break-all;財產或word-wrap:break-word;屬性：

例如：

div { 
 
    width: 200px; 
 
    border: 2px solid #CCC; 
 
    word-wrap: break-word; 
 
}

<div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

來源

2017-10-14 06:37:49 Ehsan

與php和ajax聊天與bug設計css

回答

相關問題