HTML 或 CSS 的制表符间距效果

发布于 2024-11-30 06:43:48 字数 377 浏览 0 评论 0原文

我正在构建一个个人网站,我希望项目及其各自的描述有一个类似选项卡(如使用的文字处理器)的效果。显示示例:

ReallyLong NameProject     Project1 Description 
FooBar Project             Project2 Description

我尝试过单元格间距为 10px 的表格解决方案,但我不希望所有边都有间距,只需要右边。我还没有看到任何单元格间距仅应用于右侧的 CSS 示例。是否可以?

我也在 css 文件中尝试过这个(它没有效果):

table {
padding-right: 10px;
}

提前感谢您的任何见解。

I'm building a personal website and I would like a tab-like (as used word processors) effect for projects and their respective descriptions. Example display:

ReallyLong NameProject     Project1 Description 
FooBar Project             Project2 Description

I've tried a table solution with cell spacing of 10px but I didn't want spacing on all sides, just to the right. I haven't seen any css examples where cell spacing was only applied to the right side. Is it possible?

I've also tried this in the css file(it had no effect):

table {
padding-right: 10px;
}

Thanks in advance for any insight.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

满天都是小星星 2024-12-07 06:43:48

不要使用 padding 来设置表格样式(这应该什么也不做),而是尝试将其应用于表格中的 td 元素,如下所示:

table td {
    padding-right: 10px;
}

Instead of styling the table with padding, which should do nothing, try applying it to the td elements in the table like this:

table td {
    padding-right: 10px;
}
孤寂小茶 2024-12-07 06:43:48

尝试将填充应用于 td 元素,而不是整个 table 元素。

Try applying the padding to the td element, and not the whole table element.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文