Css 宽度不扩大？

我正在处理一个地图项目，由于某种原因，我的工具提示的文本宽度将继续扩展到我想要的宽度，直到我为文本添加一个空格。如果我添加一个空格，它将断开到下一行；发生了什么，我该如何解决？我希望文本在一行上，而不指定宽度，这样它可以自动设置宽度，我如何解决这个问题

在下面的示例中，查看段落标记中的文本“棒球场”。如果它读到“棒球场”，它将停留在一行。但只要我加上空格，它就会断线

<div style="width: 750px; height: 1221px; border: 0; padding: 0; margin-top: 10px; display: block; position:relative; background: url('http://www.thefirstacademy.org/filerequest/9701.jpg') no-repeat left top;">
    <style type="text/css">
        .triangle {
            position:absolute;
            bottom:-5px;
            left:40%;
            height:0;
            width:0;
            border-left:5px solid transparent;
            border-right:5px solid transparent;
            border-top:5px solid white;
        }
        .tooltip {
            color:#ef4c4c;
            background:#ffffff;
            padding:17 10;
            display:block;
            position:absolute;
            border-radius:5px;
            font:.8em 'MuseoSans-500','Museo Sans';
            top:-40px;
            box-shadow:0px 3px 3px #000;
            border:1px solid #000;
        }
    </style>

    <div class="marker" style="position:absolute;cursor:pointer;left:450px;top:75px;" id="baseball">
        <img src="http://www.thefirstacademy.org/filerequest/9702.png" alt="Location Marker" />
        <div class="tooltip" >
            <div class="triangle"></div>
            <p style="padding:0;margin:0;line-height:0;display:block;">Baseball Fields</p>
        </div>
    </div>
</div>

.三角形{
位置：绝对位置；
底部：-5px；
左：40%；
身高：0；
宽度：0；
左边框：5px实心透明；
右边框：5px实心透明；
边框顶部：5px纯白；
}
.工具提示{
颜色：#EF4C；
背景：#ffffff；
填充：17 10；
显示：块；
位置：绝对位置；
边界半径：5px；
字体：.8em“MuseoSans-500”和“MuseoSans”；
顶部：-40px；
盒影：0px 3px 3px#000；
边框：1px实心#000；
}
棒球场

只是提醒一下：除了

空白：nowrap包括
显示：内联块可能会有帮助用于浏览器兼容性
只是一个提示：除了
空白：nowrap包括
显示：内联块可能会有帮助
出于浏览器兼容性的目的
您是否尝试过
空白：nowrap
？就是这样！到时候我会把它标出来的。我知道我遗漏了一些CSS片段。这到底是为了什么？呃，我想我不能把你的帖子标记为解决方案，因为我把它标记为“有用”=/你试过了吗
空白：nowrap
？就是这样！到时候我会把它标出来的。我知道我遗漏了一些CSS片段。那到底是为了什么？呃，我想当我把你的帖子标记为“有用”时，我不能将它标记为解决方案=/