html5中怎么设置fieldset居中?

就是让白色里面的内容显示在页面中间。以下是源代码:html:<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>... 就是让白色里面的内容显示在页面中间。以下是源代码:html:<!DOCTYPE html><html><head><meta charset="utf-8"/><title>使用email</title><link href="CSS.CSS" rel="stylesheet" type="text/CSS"></head><body><p>用户登录</p><form id="frm_email"><fieldset> <p> <input name="txtEmail" type="email"class="inputtxt" multipleplaceholder="邮箱"> <input name="txtpassword" type="text"class="inputtxt" multipleplaceholder="密码"> </p> <p> <input name="frmSubmit" type="submit"class="inputbtn" value="登录"> </p></fieldset></form></body></html>CSS文件代码:@charset "utf-8";body{ font-size:12px; background:#ccc;}.inputbtn{ border: solid 1px #ccc; background-color:#eee; line-height: 18px; font-size:12px; padding: 2px; }.inputtxt{ border: solid 1px #ccc; padding: 3px; line-height: 18px; font-size:12px; width: 170px; background:#FFF;}fieldset{ padding: 30px; width: 240px; background:#FFF; float:left;}p{ text-align: center;}应该怎么改啊,新手求教
我是要把整个白色框放到页面的中间,应该怎么改啊?
展开
 我来答
lglong519
2018-03-10 · TA获得超过713个赞
知道小有建树答主
回答量:1110
采纳率:61%
帮助的人:463万
展开全部

将fieldset的float:left去掉,不然会往左移的

设置左右magin为auto即可居中

fieldset {
    margin: 0 auto;
    float: none;
}

当然还有其他居中方法:用inline-block,position,还有flex都可以

追问
恩,好的,谢谢
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式