在html代码中怎么让方框居中
<html><head><title>Messagebook</title><style>*{font-size:12px;margin:0;padding:0;}fie...
<html>
<head>
<title>Message book</title>
<style>
* {
font-size:12px;
margin:0;
padding:0;
}
fieldset {
padding:10px;
margin:10px;
width:270px;
color:#333;
border:#06c dashed 1px;
}
legend {
color:#06c;
font-weight:800;
background:#000;
text-align:center
}
ul {
list-style-type: none;
margin:8px 0 4px 0;
}
li {
margin-top:4px;
}
</style>
<script type="text/javascript">
function Trim(text)//
{
return text.replace(/^\s+|\s+$/g,"");
}
function sendTxt()
{
if (Trim(document.getElementById("txtSendContent").value)=="")
{
alert("The contents of the input is empty！");
document.getElementById("txtSendContent").focus();
return false;
}
document.getElementById("ulContent").innerHTML+="<font color='red'>me say</font>\r\n:<li>"+getPic(document.getElementById("txtSendContent").value)+"</li>\r\n";
}
function getPic(text)
{
text=text.replace("\r\n","<br>");
return text;
}
function choosePic()
{
var returnValue=window.showModalDialog('emot.htm',null,'dialogHeight:240px;dialogWidth:300px');
document.getElementById("txtSendContent").value+=returnValue;
}
function test()
{
var re = /\b([a-z]+) \1\b/gim; //
var rv = ss.replace(re,"$1"); //Replace two words with one word.
alert(rv);
}
</script>
</head>
<body style="text-align:center">
<fieldset style="width:326px">
<legend>Message display area</legend>
<ul id="ulContent" style="text-align:left">
</ul>
</fieldset>
<br>
<fieldset>
<legend>Send out</legend>
<form name="form1" method="post" action="">
<label>
<textarea name="txtSendContent" id="txtSendContent" cols="40" rows="10"></textarea>
</label>
<label>
<input type="button" name="button" id="button" value="Send out" onClick="return sendTxt();">
</form>
</fieldset>
</body>
</html> 展开
<head>
<title>Message book</title>
<style>
* {
font-size:12px;
margin:0;
padding:0;
}
fieldset {
padding:10px;
margin:10px;
width:270px;
color:#333;
border:#06c dashed 1px;
}
legend {
color:#06c;
font-weight:800;
background:#000;
text-align:center
}
ul {
list-style-type: none;
margin:8px 0 4px 0;
}
li {
margin-top:4px;
}
</style>
<script type="text/javascript">
function Trim(text)//
{
return text.replace(/^\s+|\s+$/g,"");
}
function sendTxt()
{
if (Trim(document.getElementById("txtSendContent").value)=="")
{
alert("The contents of the input is empty！");
document.getElementById("txtSendContent").focus();
return false;
}
document.getElementById("ulContent").innerHTML+="<font color='red'>me say</font>\r\n:<li>"+getPic(document.getElementById("txtSendContent").value)+"</li>\r\n";
}
function getPic(text)
{
text=text.replace("\r\n","<br>");
return text;
}
function choosePic()
{
var returnValue=window.showModalDialog('emot.htm',null,'dialogHeight:240px;dialogWidth:300px');
document.getElementById("txtSendContent").value+=returnValue;
}
function test()
{
var re = /\b([a-z]+) \1\b/gim; //
var rv = ss.replace(re,"$1"); //Replace two words with one word.
alert(rv);
}
</script>
</head>
<body style="text-align:center">
<fieldset style="width:326px">
<legend>Message display area</legend>
<ul id="ulContent" style="text-align:left">
</ul>
</fieldset>
<br>
<fieldset>
<legend>Send out</legend>
<form name="form1" method="post" action="">
<label>
<textarea name="txtSendContent" id="txtSendContent" cols="40" rows="10"></textarea>
</label>
<label>
<input type="button" name="button" id="button" value="Send out" onClick="return sendTxt();">
</form>
</fieldset>
</body>
</html> 展开
1个回答
展开全部
你把你<body> </body>里的那堆东西放到一个 div里，让div 居中，所有的表单项不就居中了
追问
额这个我没用css调试，只是一个静态的
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
