与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

回答

相关问题