民工Vessel 2021-11-18 15:27 采纳率: 100%
浏览 65
已结题

在学习html css js,在编写html静态的页面中遇到了问题,需要帮助

img


想把这几个输入框放在中上方,而且把扫描更新都横过来,尝试过dir但是没效果,不知道该怎么操作了,代码如下:


<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>test</title>
    <script type="text/javascript" src="script/bootstrap.js"></script>
    <script type="text/javascript" src="script/bootstrap.min.js"></script>
    <script type="text/javascript" src="script/npm.js"></script>

    <link rel="stylesheet" type="text/css" href="./css/bootstrap-theme.css">
    <link rel="stylesheet" type="text/css" href="./css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
    <style>
       img{
           display: block;
       }
        body {
            margin: 2%, 20%;
            border: 2px;
            height: 800px;
        }
        body,html,span{
         
            margin:0;
                border:0;
                padding:0;
                font-family: Tahoma, Geneva, sans-serif;
                font-style:normal;
        }
        table{
            height: 100px;
            width: 100px;
            margin-top: 10%;
        }
    </style>
</head>

<body
    style="background-image: url('image/loginbg.jpg');background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;">
    <div
        style="height:300px; text-align: center;width: 200px;padding-top: 25%;padding-right: 25%;padding-bottom: 25%;padding-left: 25%;margin: 25% 25%;">
        <!---- <h1 style="background-color: bisque;text-align: center;">登陆界面</h1>-->
        <table style="margin-top: 20%;margin-left: 1px;">
        <tr>
            <td>
                <!----  <input type="text" class="caption">
                  <input type="text" class="pre">-->
                <input type="text"placeholder="请扫入工位、设备"   style="background-color:rgb(0, 162, 255);-index:-10;padding-left:45px;border:5px;
                font-size:24px;height: 30px;border-radius: 10px;margin-left: 10px;  " >
                <!--<button type="button"class="pre code" >扫描</button>-->
            </td>
            <td><span class="blockquote" dir="ltr" >扫描</span></td>
        </tr>
        <tr>
            <td>
                <input type="text" placeholder="请扫入工牌号"class="" style="background-color:rgb(0, 162, 255);z-index:-10;padding-left:45px;border:10px;
                font-size:24px;height: 30px;border-radius: 10px;margin-left: 10px; ">
            </td>
            <td><span  >扫描</span></td>
        </tr>
        <tr>
            <td>
                <input type="text" placeholder="请输入服务器" style="background-color:rgb(0, 162, 255);-index:-10;padding-left:45px;border:5px;
                font-size:24px;height: 30px;border-radius: 10px;margin-left: 10px;  ">
            </td>
            <td>
                <span dir="ltr" >更新</span>
            </td>
        </tr>
        </table>
    </div>
</body>

</html>
  • 写回答

3条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 11月26日
      • 已采纳回答 11月18日
      • 创建了问题 11月18日

      悬赏问题

      • ¥15 C/C++程序详细注解
      • ¥30 django项目,配值nginx 和 awsgi ,POST 不起作用,请教!
      • ¥15 数据集形式转换,将下面转换成上面的形式
      • ¥15 pmp项目管理干系人分析
      • ¥15 请问DenseNet图像输入大小是否是固定的?
      • ¥15 template模板的参数问题
      • ¥15 查找处理学生信息问题,含多个文件,显示问题是无法调用其中一个文件
      • ¥15 simulink生成代码后提示告警
      • ¥16 jieba提取高频词,生成文件是空的
      • ¥15 怎么读取服务器中的文件去配置mongo的连接