我有以下 HTML/ASP 代码 我想在显示页面上将 TextBox 居中。我在下面附上我的代码。最好我希望在文本框位于中心时看到它旁边的标签。
<center> <div class="container" id="TextBox4" runat="server" width="181px" bordercolor="Black" borderstyle="Solid">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<p style="color: #000000; font-weight: bold; "> START DATE AND TIME <asp:TextBox ID="Tb4" runat="server" CssClass="form-control" Width="374px" style="text-align: center">
</asp:TextBox></p>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
</div>
</div></center>
最佳答案
试试这个代码。我删除了 id=Tb4 宽度并添加了一些类。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication11.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="Content/bootstrap.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<div class="container" id="TextBox4" runat="server" width="181px" bordercolor="Black" borderstyle="Solid">
<div class="row">
<div class='col-lg-12'>
<div class="row">
<div class="form-group">
<div class="col-lg-4">
</div>
<div class="col-lg-4">
<div class='input-group date' id='datetimepicker1'>
<div class="text-center">
<p style="color: #000000; font-weight: bold;">
START DATE AND TIME
<asp:TextBox ID="Tb4" runat="server" CssClass="form-control" Style="text-align: center">
</asp:TextBox>
</p>
</div>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div class="col-lg-4">
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
关于javascript - 如何居中对齐 Asp.net 网站中的实际文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45312975/