                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

css框架

<div class="contact-r">

<form action="/plus/diy.php" class="contact-form" enctype="multipart/form-data" method="post">

<input type="hidden" name="action" value="post" />

<input type="hidden" name="diyid" value="1" />

<input type="hidden" name="do" value="2" />

<div class="">

<input type="text" class="inp l" name="name" id="name" placeholder="您的姓名">

<input type="text" class="inp r" name="tel" id="tel" placeholder="您的联系方式">

</div>

<textarea cols="30" rows="10" name="nr" id="nr"></textarea>

<input type="hidden" name="dede_fields" value="name,text;tel,text;nr,text" />

<input type="hidden" name="dede_fieldshash" value="1150bc325e255641e2db4115e8c9c51f" />

<input type="submit" value="提交您的需求" class="sub" id="sub">

</form>

</div>

怎么给这段代码加一个css框架，让他居中固定

慕娘9843857

2017-02-20

源自：初识HTML(5)+CSS(3)-升级版 1-1

关注问题我要回答

1050

操作

收起

6 回答

神思夜语
2017-02-20

.contact-r{

display: flex;
justify-content: center;
align-items: center;

}

0 回复有任何疑惑可以回复我~

#1

align-items: center; 这个不用加

2017-02-20 回复有任何疑惑可以回复我~

#2

如果要居中在浏览器中间 body｛ display: flex; justify-content: center; align-items: center; ｝

2017-02-20 回复有任何疑惑可以回复我~

慕九州8097153
2017-02-20

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>HtmlۍCSSքژϵ</title>

<style type="text/css">

smf{

text-align:center;

}

</style>

</head>

<body>

<smf>

<div class="contact-r">

<form action="/plus/diy.php" class="contact-form" enctype="multipart/form-data" method="post">

<input type="hidden" name="action" value="post" />

<input type="hidden" name="diyid" value="1" />

<input type="hidden" name="do" value="2" />

<div class="">

<input type="text" class="inp l" name="name" id="name" placeholder="źքѕĻ">

<input type="text" class="inp r" name="tel" id="tel" placeholder="źքjϵ׽ʽ">

</div>

<textarea cols="30" rows="10" name="nr" id="nr"></textarea>

<input type="hidden" name="dede_fields" value="name,text;tel,text;nr,text" />

<input type="hidden" name="dede_fieldshash" value="1150bc325e255641e2db4115e8c9c51f" />

<input type="submit" value="͡ݻźքѨȳ" class="sub" id="sub">

</form>

</div> </smf> </body>

</html>

直接加个css 自定义标签然后text-align:center;就可以了

0 回复有任何疑惑可以回复我~

慕侠4886741
2017-02-20

div{text-align:center;}

0 回复有任何疑惑可以回复我~

寻缘3703338
2017-02-20

div{

text-align:center;

}

0 回复有任何疑惑可以回复我~

qq_大王叫我来巡山_11
2017-02-20

div{text-align:center:}

0 回复有任何疑惑可以回复我~

记忆随风恋
2017-02-20

<style>

div{

text-align:center;

}

</style>

在head标签里设置这个就可以居中了

1 回复有任何疑惑可以回复我~

#1

记忆随风恋

不懂再来问

2017-02-20 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226379 人
解答问题 18241 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

1 回答css继承结果里怎么有外框

5 回答为什么红色框架不是整个段落呢

3 回答想把账户和密码一起也用框架搭起来

2 回答为什么不能再添加一个框架*{font-size:20px"}

1 回答下拉列表框套用css为什么不能调整高度

搜索更多本课相关问答

css框架

我要回答关注问题

意见反馈帮助中心 APP下载