一个表格的标题 样式设置, 不使用 postion 的情况下怎么设置?
<div>
<input /> (表格编号,字体小) 这个要在本行的左上角 显示
<input/> (主标题,字体大) 这个要在本行的 水平中且 垂直中 显示
<input/> (第几页共几页,字体小) 这个要在 本行的 右下角显示
<div>
css 表格标题样式设置问题 求解
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
6条回答 默认 最新
关注 可以试试这种flex的方案,不知道满足不满足你的需求。
<!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> <style> div { display: flex; justify-content: space-between; align-items: center; height: 40px; } input:nth-child(1) { align-self: flex-start; } input:nth-child(3) { align-self: flex-end; } </style> </head> <body> <!-- 一个表格的标题 样式设置, 不使用 postion 的情况下怎么设置? --> <div> <input /> <!-- (表格编号,字体小) 这个要在本行的左上角 显示 --> <input /> <!-- (主标题,字体大) 这个要在本行的 水平中且 垂直中 显示 --> <input /> <!-- (第几页共几页,字体小) 这个要在 本行的 右下角显示 --> </div> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥100 set_link_state
- ¥15 虚幻5 UE美术毛发渲染
- ¥15 CVRP 图论 物流运输优化
- ¥15 Tableau online 嵌入ppt失败
- ¥100 支付宝网页转账系统不识别账号
- ¥15 基于单片机的靶位控制系统
- ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
- ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线,如何释放宽带全部速度