[已解决]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>

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

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