Heim > Web-Frontend > HTML-Tutorial > 关于fieldset标签的疑问_html/css_WEB-ITnose

关于fieldset标签的疑问_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:10:19
Original
922 Leute haben es durchsucht

http://www.91yhg.com/index.jsp
这个站底部的  友情链接  部分,我把代码掏了出来,但是显示的样子不同
请大家指点一下我掏少了哪些代码..(其中我只是改了高度而已)
HTML:

<div class="links">	<fieldset>	      <legend>友情链接</legend>	</fieldset></div>
Nach dem Login kopieren


========
CSS:
.links{	width:960px;	height:50px;	line-height:50px;	margin-top:5px;	margin-bottom:15px;}	.links fieldset{	border:2px #A50B0D solid;	width:946px;	height:auto;	vertical-align:middle;}.links legend{	color:#A50B0D;	font-weight:600;}	.links a{	margin-left:10px;	margin-right:10px;}
Nach dem Login kopieren


同样是火狐浏览器,居然不同的效果,以下为截图:


回复讨论(解决方案)

我在ie 9上看了没有问题啊。。

360上看了也没问题,但是同样在火狐浏览器看,为什么人家站的就是那样呢?是不是扒少了什么代码..

<!DOCTYPE HTML><html>	<head>		<meta charset="gb2312" />		<style>.links{    width:960px;    height:50px;    line-height:50px;    margin-top:5px;    margin-bottom:15px;}    .links fieldset{    border:2px #A50B0D solid;    width:946px;    height:auto;    vertical-align:middle;}.links legend{    color:#A50B0D;    font-weight:600;}    .links a{    margin-left:10px;    margin-right:10px;}		</style>	</head>	<body>		<div class="links">			<fieldset>				  <legend>友情链接</legend>			</fieldset>		</div>	</body></html>
Nach dem Login kopieren


没问题啊,楼主看看 是不是你其他的css影响到了。

帮你测试过,无问题

谢谢,,原来我的CSS文件的
*{margin:0;
padding:0;}

在作怪.于是我单独为lgend加了margin-left

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage