编写网页遇到的样式问题

  1. input标签,写日期选择器,提示“Form input without an associated label or title attribute”。
    原因:使用的pycharm编辑器,遵循html5的标准,
    解决办法:语法提示,可以忽略。给 或者 添加一个label或者添加 placeholder 属性,就不会出问题了。

  2. input标签,写提交按钮,位置紧挨着上一个元素的下边界。
    原因:默认定位是根据上一个元素的位置显示。
    解决办法:使用relative 定位,相对其正常位置。input[type=submit] {position: relative;top: 15px;}

  3. div中input输入框一列对齐。
    解决办法:设置块级元素,给label一个固定宽度就可以
    label {
    padding: 8px 5px 8px 0;
    display: inline-block;
    width: 120px;
    text-align:right;
    }

  4. 如何让表头进行多列合并,多行合并。
    在这里插入图片描述
    行合并:rowspan=“2”,合并2行;
    列合并:colspan=“6”,合并6列;
    需要给各列设置列宽:width=“14%”;
    表头代码:

<thead>
  <tr>
     <th width="14%" class="font-center titfont" rowspan="2">阶段名称</th>
     <th width="16%" class="font-center titfont" rowspan="2">工作内容</th
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值