html table 兼容宽度',css - HTML table styling width - Stack Overflow

本文探讨了如何在HTML中实现特定元素如瓶子和玻璃杯名称在同一行右对齐显示的问题,避免被其他行内容打断。作者尝试使用CSS进行布局调整但未成功。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

I am attempting on the top line where it have a blank, and Bottle and glass I want that to be one line with the Glass and bottle to be all the way on the right on a full size page. I don't want lines interrupting the words. What would be the best way to do this?

I have tried using   with no success. My HTML is hooked onto a CSS should I do this through the CSS? I'm not 100% sure how I guess table { blank } ?

.tg {

border-collapse: collapse;

border-spacing: 0;

border-color: #aabcfe;

}

.tg td {

font-family: Arial, sans-serif;

font-size: 14px;

padding: 10px 5px;

border-style: solid;

border-width: 1px;

overflow: hidden;

word-break: normal;

border-color: #aabcfe;

color: #669;

background-color: #e8edff;

}

.tg th {

font-family: Arial, sans-serif;

font-size: 14px;

font-weight: normal;

padding: 10px 5px;

border-style: solid;

border-width: 1px;

overflow: hidden;

word-break: normal;

border-color: #aabcfe;

color: #039;

background-color: #b9c9fe;

}

.tg .tg-hmp3 {

background-color: #D3D3D3;

text-align: left;

vertical-align: top;

}

.tg .tg-baqh {

background-color: #FFFFFF text-align:right;

vertical-align: top;

}

.tg .tg-mb3i {

background-color: #D2E4FC;

text-align: right;

vertical-align: top;

}

.tg .tg-lqy6 {

text-align: right;

vertical-align: top;

}

.tg .tg-0lax {

background-color: #FFFFFF;

text-align: left;

vertical-align: top

}

 GlassBottle
Riserva Chianti Classico, Tan Label, Ruffino
Chianti Classico, Gabbiano, Tan
Riserva Chianti Classico La Selvanella Melini
Cannonau Di Sardenga, Soletta
Amarone, Sartori
Valpolicella Classico, Le Poiane
Centine Rosso, Castello Banfi
Brunello di Montaccino, Banfi
Chianti Classico, San Felice
Barolo di Saralunga, Fontanafredda
Costera Rossa, Argiolas
Italian White
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值