前端，如何让marquee太长的内容不要换行啊？？？

    <tbody>
                <tr ng-repeat="d in datas">
                    
                    <td>{{d.name}}</td>
                    <td>{{d.age}}</td>
                    <td style="width:500px;"><node-marquee></node-marquee></td>
                </tr>
            </tbody>

指令文件：

<div style="">
    <marquee width="100%" bgcolor="azure" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" style="font-size:30px;font-weight: bolder;">

        <div style="float: left;margin-left: 20px;" ng-repeat='i in [{"name":"tom","age":22},{"name":"mary","age":36},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63},{"name":"john","age":63}]' >

            <span style="overflow: hidden;word-break: keep-all;" uib-popover="{{i.name}}" popover-trigger="mouseenter" type="button" class="btn btn-default dd breath_light" popover-placement="bottom">{{i.name}} </span> <i class="icon-angle-right" style="color:green;margin-left: 10px;"></i>

        </div>

    </marquee>
</div>

---

white-space: nowrap;