可不可用CSS控制显示结果,该如何解决

可不可用CSS控制显示结果


请看上图,这是由数据库生成的链接,显示不是要的效果.
我想要的是,不让单词从中间断开到下一行.,即:当行宽不够用时,整个单词自动下一行,
------解决方案--------------------
试一下这样设置 white-space: nowrap 
------解决方案--------------------

    <style type="text/css">

        div{

            width:300px;

            height:300px;

            background-color:antiquewhite;

            border:2px red solid;

        }

        div span{

            white-space: nowrap;

            background-color:yellow;

            margin:3px;

            float:left;

            border:1px solid green;

        }

    </style>

    <div>

        <span>请看上图</span>

        <span>这是由数据</span>

        <span>库生成的链接</span>

        <span>显示不是要</span>

        <span>的效果</span>

        <span>我想要的是</span>

        <span>不让单词从中间</span>

        <span>断开到下一行</span>

        <span>即:当行宽不够用时</span>

        <span>,整个单词自</span>

        <span>动下一行,</span>

    </div>