div里的内容怎么居中
以下代码,a元素很好居中,我使用 text-align:center; 。请问div1里的输入框怎么居中?
<html>
<head>
<style>
div#div1
{position:fixed;
width:100%;
}
a
{display:block;
text-align:center;
}
</style>
</head>
<body>
<div id="div1">
<input name="pinyin" type="text" id="pinyin">
<button onclick="seach()" type="button">搜索</button><br/>
输入拼音可以搜索
</div>
<br/>
<br/>
<br/>
<hr />
<a href="javascript:void(0)" >第一行</a>
<hr />
</body>
</html>
输入框的位置以及下一行中文"输入拼音可以搜索“ 要和a元素 “第一行” 一样在中间。
<html>
<head>
<style>
div#div1
{position:fixed;
width:100%;
}
a
{display:block;
text-align:center;
}
</style>
</head>
<body>
<div id="div1">
<input name="pinyin" type="text" id="pinyin">
<button onclick="seach()" type="button">搜索</button><br/>
输入拼音可以搜索
</div>
<br/>
<br/>
<br/>
<hr />
<a href="javascript:void(0)" >第一行</a>
<hr />
</body>
</html>
输入框的位置以及下一行中文"输入拼音可以搜索“ 要和a元素 “第一行” 一样在中间。
...全文
请发表友善的回复…
发表回复