Html CSS：显示带有复选框的长字符串行

我有一个包含255个字符（无空格）的字符串，希望通过复选框内联显示它，而不是在下面。我试过内联；内联块。。。但它不起作用。有人帮忙吗

<div class="item">
    <input type="checkbox" id="a">
    <label for="a">a</label>
</div>
<div class="item">
   <input type="checkbox" id="b">
<!-- 255 characters string here -->
    <label for="b">eyDlDLuT8A8AMTeyHSBXj4BeiWefQc1KWilxVWe7m7Vja1m9eEDc8iJ778jvaR2pCN2PcPcIWexrHehXSPJGqWaiSWfqSZL3AuZfOB0U3hlOCQMFWmqHWsERpWrF5YynmiJnn5mZoUP9TDPjW379O38BuBH9Q5zYlIRWgxAskcFT4DJAejiiIeu78jt1jsUU90RqV499IigZSqluOaJY3sptm0qADxE5M1JmnfEB9a8v7yihlrDq3Yy1MVMofBF</label>
</div>
<div class="item">
    <input type="checkbox" id="c">
    <label for="c">c</label>
</div>

A.
Eydldlut8a8amteyhsbxj4beiwefqc1wilxvwe7vja9eedc8ij778jvar2pcn2pcciwexrhehxspjgqwaiwfqszl3auzfob0u3lockqmqmqhwservrf5yyyynmijn5mzou9tdpjw379o38bubh9qzylrwgxaskcft4jaejiiiiiiiiu78jt1jsuuu90rq499igzqigzqigzquojyy3ptm0qadxqamd8v8vyyyy1ff
C

我相信您正在寻找

或使用内嵌CSS：

<div class="item">
    <input type="checkbox" id="a">
    <label for="a">a</label>
</div>
<div class="item" style="white-space: nowrap">
   <input type="checkbox" id="b">
<!-- 255 characters string here -->
    <label for="b">eyDlDLuT8A8AMTeyHSBXj4BeiWefQc1KWilxVWe7m7Vja1m9eEDc8iJ778jvaR2pCN2PcPcIWexrHehXSPJGqWaiSWfqSZL3AuZfOB0U3hlOCQMFWmqHWsERpWrF5YynmiJnn5mZoUP9TDPjW379O38BuBH9Q5zYlIRWgxAskcFT4DJAejiiIeu78jt1jsUU90RqV499IigZSqluOaJY3sptm0qADxE5M1JmnfEB9a8v7yihlrDq3Yy1MVMofBF</label>
</div>
<div class="item">
    <input type="checkbox" id="c">
    <label for="c">c</label>
</div>

A.
Eydldlut8a8amteyhsbxj4beiwefqc1wilxvwe7vja9eedc8ij778jvar2pcn2pcciwexrhehxspjgqwaiwfqszl3auzfob0u3lockqmqmqhwservrf5yyyynmijn5mzou9tdpjw379o38bubh9qzylrwgxaskcft4jaejiiiiiiiiu78jt1jsuuu90rq499igzqigzqigzquojyy3ptm0qadxqamd8v8vyyyy1ff
C

您可以在包含复选框和字符串的范围内使用CSS属性white space:nowrap。在小提琴上看这里：

<div class="item">
    <input type="checkbox" id="a">
    <label for="a">a</label>
</div>
<div class="item" style="white-space: nowrap">
   <input type="checkbox" id="b">
<!-- 255 characters string here -->
    <label for="b">eyDlDLuT8A8AMTeyHSBXj4BeiWefQc1KWilxVWe7m7Vja1m9eEDc8iJ778jvaR2pCN2PcPcIWexrHehXSPJGqWaiSWfqSZL3AuZfOB0U3hlOCQMFWmqHWsERpWrF5YynmiJnn5mZoUP9TDPjW379O38BuBH9Q5zYlIRWgxAskcFT4DJAejiiIeu78jt1jsUU90RqV499IigZSqluOaJY3sptm0qADxE5M1JmnfEB9a8v7yihlrDq3Yy1MVMofBF</label>
</div>
<div class="item">
    <input type="checkbox" id="c">
    <label for="c">c</label>
</div>