HTML 或 CSS 的制表符间距效果
我正在构建一个个人网站,我希望项目及其各自的描述有一个类似选项卡(如使用的文字处理器)的效果。显示示例:
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
不要使用 padding 来设置表格样式(这应该什么也不做),而是尝试将其应用于表格中的 td 元素,如下所示:
Instead of styling the table with padding, which should do nothing, try applying it to the td elements in the table like this:
尝试将填充应用于 td 元素,而不是整个 table 元素。
Try applying the padding to the td element, and not the whole table element.