不同浏览器的HTML对齐
我设计了我的搜索引擎网站的首页,在网站建设期间,我在Chrome中使用它 我刚刚在Firefox和IE中测试了该站点,单选框和搜索框/按钮都是左对齐的,这不是我希望它们显示的方式。我该如何解决这个问题不同浏览器的HTML对齐,html,css,twitter-bootstrap,browser,alignment,Html,Css,Twitter Bootstrap,Browser,Alignment,我设计了我的搜索引擎网站的首页,在网站建设期间,我在Chrome中使用它 我刚刚在Firefox和IE中测试了该站点,单选框和搜索框/按钮都是左对齐的,这不是我希望它们显示的方式。我该如何解决这个问题 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="view-part"
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="view-part" content="width=device-width, inital-scale =1.0">
<title> Clear Shot Results </title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<a href="#" class="brand">Clear Shot Results </a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li > <a href='evaluation_form.php'>Survey</a></li>
<li> <a href='about.html'>About Us</a></li>
<li calss ="active"> <a href='#'>Home</a></li>
</div>
</div>
</div>
</br>
</br>
</br>
<form method="GET" action="" align="center">
<div style="text-align: center;"><img border="0" src="sight.jpg" alt="Sniper" width="150" height="150"></div>
</br>
Aggregated
<input type="radio" name="choice" value="AGG"checked > 
Non-aggregated
<input type="radio" name="choice" value="NonAGG" > 
Blekko
<input type="radio" name="choice" value="Blekko" > 
Bing
<input type="radio" name="choice" value="Bing"> 
Google
<input type="radio" name="choice" value="Google"><br />
</br>
</br>
<input name="query" type="text" size="60" maxlength="60" value="<?php
if(isset($_GET["query"]))
echo $_GET["query"];
?>" /><br />
<input class="btn btn-primary btn-large" type="submit" value="Search" />
</form>
<form method="GET" action="" align="center">
</br>
</br>
清晰的拍摄结果
聚合
 
非聚合
 
布雷科
 
宾
 
谷歌
您需要将
text align:center
CSS属性添加到表单中
或者(坏习惯..使用CSS而不是内联样式)
更改:
致:
这与Firefox、Safari和Chrome上的预期一样有效
你能在JSFIDLE上贴点什么吗?离题:如果这是从你的站点复制+粘贴的,它看起来像是一个打字错误。此外,选中的value=“AGG”缺少空格,因此可能无法正常工作。此外,您的HTML需要清理<代码>对齐
和“边框”HTML属性在HTML5中被弃用,您的主页链接拼写错误,并且存在大量不一致的空白。空白不是一个技术问题,但它确实会妨碍可读性,使其他各种错误更难发现。。。谢谢你的打字错误!您可能需要考虑更少的内联样式和属性,而使用单独的样式表代替。code>align=“center”
和border=“0”
都是老派的做事方式。
form
{
text-align:center;
}
<form method="GET" action="" align="center">
<form method="GET" action="" style="text-align:center;">