2条回答 默认 最新
- 射手座男人 2021-03-17 14:57关注
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> body{ margin: 0; padding: 0; background: #eee; font-size: 14px; } ul { list-style: none; margin: 0; padding: 0; } .box { background: #fff; width: 300px; margin: 0 auto; } .input{ width: 100%; } .tip-box{ width: 100%; /* padding-left: 5px; margin-top: 5px; */ border: 1px solid #eee; } p{ padding: 0; margin: 0; } .title{ } .tip-item{ margin-bottom: 10px; padding-left: 5px; } .tip-item-child{ overflow: hidden; } .tip-item-child li { float: left; border-radius: 11px; background: #eff0f5; margin-left: 5px; padding: 3px 5px 3px 5px; font-size: 12px; margin-top: 5px; } </style> <body> <div class="box"> <ul class="tip-box"> <li class="tip-item"> <p class="title">计算机语言方向</p> <ul class="tip-item-child"> <li> C语言 </li> <li> JAVA </li> <li> C++ </li> </ul> </li> <li class="tip-item"> <p class="title">组件工具</p> <ul class="tip-item-child"> <li> C语言 </li> <li> JAVA </li> <li> C++ </li> <li> C语言 </li> <li> C语言 </li> <li> C语言 </li> <li> C语言 </li> </ul> </li> </ul> </div> </body> </html>
具体样式细节你自己调调
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线,如何释放宽带全部速度
- ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
- ¥15 ETLCloud 处理json多层级问题
- ¥15 matlab中使用gurobi时报错
- ¥15 这个主板怎么能扩出一两个sata口
- ¥15 不是,这到底错哪儿了😭
- ¥15 2020长安杯与连接网探
- ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么