css换行的问题_html/css_WEB-ITnose

css html 换行 强制换行

<div style="width:400px;border:1px solid #333;word-wrap:break-word;">公交1346546546531343411324654324654132465465431346546541324651324654654132465435454354646546</div>

我想实现的是数字和文在在一行，现在到达容器边界时，文字和数字不在一行了。怎么办？？？
求大神指教！
谢谢！

回复讨论(解决方案)

<div style="width:400px;border:1px solid #333;word-break:break-all;">公交1346546546531343411324654324654132465465431346546541324651324654654132465435454354646546</div>

如果不用适用firefox的话，楼上的办法是可行的，如果要适用firefox的话，就得想别的办法了

<div style="width:400px;border:1px solid #333;word-wrap:break-word;display:inline;">公交1346546546531343411324654324654132465465431346546541324651324654654132465435454354646546</div>

回复一楼，试过了，可以的。谢谢。能说一下为什么吗？

回复一楼，试过了，可以的。谢谢。能说一下为什么吗？
word-break:break-all 这个css就是强制换行，无论任何情况下只要超过宽度，就会强制换行的，word-wrap:break-word 只是在一个完整单词的后面换行，就是就会识别 空格， 全角字去换行的，具体的可以上w3c看看，简单的解释，希望能帮到你