html - 带边框的 CSS 跨度

标签 html css

嗨,我不明白为什么我的带边框的 span 看起来像这样

enter image description here

这是背后的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>

最佳答案

您可以将 display: block 赋予 span 元素或使用 div 元素而不是使用 span 元素。

我更喜欢后者。

关于html - 带边框的 CSS 跨度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22230474/

相关文章:

javascript - 如何在屏幕上显示弹出中心

html - 用 CSS 中的透明度替换指定的颜色

html - 如何使放置在按钮内的unicode变大?

html - ul 中最后一个 child 的边框是灰色的(尽管我将边框颜色指定为#FFF)而不是白色,为什么?

javascript - 将动画添加到下拉菜单

java - Jsoup:从 anchor 标记中提取内部文本

html - 带有 flexbox 的响应式导航栏

javascript - 返回主页时小部件不会重新加载

css - 如何使用css制作可以被悬停效果覆盖的垂直线分隔符?

css - 应用程序般的光/增亮效果