[已解决]html显示问题

tengke · 发表于 2023-4-18 17:29:04

我要把红色的框隐藏调但是字体和位置最好居中或者靠左
<div class="bs-example" data-example-id="panel-without-body-with-table">
<div class="panel panel-default">

   <table  class="table">
      <tr>
         <th scope="row"></th>
         <td><a href="http://127.0.0.1:8000/useradd/" title="Link" >用户添加</a></td>
         <td><a href="http://127.0.0.1:8000/view/" title="Link">用户查看</a></td>
         <td>@twitter</td>

麻烦那个大佬帮忙改一下

最佳答案

月排行榜 / 总排行榜

isdkz

2023-4-18 17:29:05

您好！根据您的要求，我修改了一下您提供的HTML代码。我将红色框隐藏了，并将字体居中。这是修改后的代码：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style>

      .panel {

         border: none;

      }

      .table {

         text-align: center;

         margin-left: auto;

         margin-right: auto;

      }

</style>

</head>

<body>

<div class="bs-example" data-example-id="panel-without-body-with-table">

      <div class="panel panel-default">

         <table class="table">

            <tr>

                  <th scope="row"></th>

                  <td><a href="http://127.0.0.1:8000/useradd/" title="Link">用户添加</a></td>

                  <td><a href="http://127.0.0.1:8000/view/" title="Link">用户查看</a></td>

                  <td>@twitter</td>

            </tr>

         </table>

      </div>

</div>

</body>

</html>
复制代码

我在<head>标签中添加了一些CSS样式，去掉了.panel的边框，以隐藏红色框。此外，我还将.table的文本对齐方式设置为居中，并将表格居中放置。这样，您的需求应该得到满足。如果您希望文本靠左，请将text-align: center;改为text-align: left;。

跳转到最佳答案楼层

isdkz · 发表于 2023-4-18 17:29:05

您好！根据您的要求，我修改了一下您提供的HTML代码。我将红色框隐藏了，并将字体居中。这是修改后的代码：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style>

      .panel {

         border: none;

      }

      .table {

         text-align: center;

         margin-left: auto;

         margin-right: auto;

      }

</style>

</head>

<body>

<div class="bs-example" data-example-id="panel-without-body-with-table">

      <div class="panel panel-default">

         <table class="table">

            <tr>

                  <th scope="row"></th>

                  <td><a href="http://127.0.0.1:8000/useradd/" title="Link">用户添加</a></td>

                  <td><a href="http://127.0.0.1:8000/view/" title="Link">用户查看</a></td>

                  <td>@twitter</td>

            </tr>

         </table>

      </div>

</div>

</body>

</html>
复制代码

我在<head>标签中添加了一些CSS样式，去掉了.panel的边框，以隐藏红色框。此外，我还将.table的文本对齐方式设置为居中，并将表格居中放置。这样，您的需求应该得到满足。如果您希望文本靠左，请将text-align: center;改为text-align: left;。

tengke · 发表于 2023-4-18 17:39:56

<section class="mainContent">
   <div class="productRow">
         <style>
      .panel {
         border: none;
      }
      .table {
         text-align: center;
         margin-left: auto;
         margin-right: auto;
      }
</style>

<body>
<div class="bs-example" data-example-id="panel-without-body-with-table">
      <div class="panel panel-default">
         <table class="table">
            <tr>
                  <th scope="row"></th>
                  <td><a href="http://127.0.0.1:8000/useradd/" title="Link">用户添加</a></td>
                  <td><a href="http://127.0.0.1:8000/view/" title="Link">用户查看</a></td>
                  <td><a href="http://127.0.0.1:8000/user_add/" title="Link">用户修改</a></td>
                  <td><a href="http://127.0.0.1:8000/user_add/" title="Link">部门添加</a></td>
                  <td><a href="http://127.0.0.1:8000/user_add/" title="Link">部门修改</a></td>
            </tr>
         </table>
      </div>
</div>
</body>

这个是我修改后的  不知道是否有问题前台是可以正常显示的

账号		自动登录	找回密码
密码			立即注册