CSS跨越边界

Question

嗨，我不知道为什么带边框的跨度看起来像这样

这是

背后的CSS

color:red; 
font-size: 12px;
background-color: #ffcaca;
background-image:url(/Content/x.png);
background-size: 20px 20px;
background-repeat:no-repeat;
background-position:2px;
padding: 5px;
border-radius: 5px 5px 5px;
border: 1px solid red;
padding-left: 25px;
position:relative;

和html

<tr>
    <td>
        <span>[...]</span>
    <td>
<tr>

Answer 1

您可以将display: block提供给span元素或使用div元素，而不是使用span元素。

我更喜欢后者。

Answer 2

如果你因为你不想触摸模板并且只想添加自定义css而陷入wordpress主题，那么使用display: block或display: inline-block将是完美的。