css为什么中文不在一行，英文在一行 semantic

Question

  <div class="ui grid">

            <div class="four wide column" >
                <img src="" alt="">
            </div>

            <div class="tweleve wide column" >

                <div class="ui search">
                    <div class="ui icon input" style="width: 460px;">
                        <input class="prompt" type="text" placeholder="搜索您想要购买的商品">
                        <i class="search icon"></i>
                    </div>
                    <div class="results" ></div>
                </div>

                    1111111111111111111111111111111111    
                    热搜 | 行车| 雨刷 | 倒车 | 雷达 | 方向盘套 | 防滑垫
                    
                    
                    
                    
                    

            </div>
            {/* 14 wide end */}
        </div>
        {/* ui grid end */}

Answer 1

你可以这样理解，在解析的过程中，将每一个中文当成了单独的一个单词，而英文的话你需要加空格才是单独的单词，
如果你想要英文也换行的话，可以加一句

word-wrap:break-word;

Answer 2

因为中文每一个字是相对独立的，可以分割/换行，英文的每一个词是默认不分割的

Answer 3

因为程序不认识中文的词语，但是认识英文的单词（以空格相隔），了解下word-wrap样式即可。

Answer 4

你那一串1是一个词

Answer 5

不是英文不换，是你的111111是一个单词，你试试 111 111 111 1111 ds fdsfds,