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

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

WBOY
WBOYOriginal
2016-06-24 12:10:19925Durchsuche

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

<div class="links">	<fieldset>	      <legend>友情链接</legend>	</fieldset></div>


========
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;}


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


回复讨论(解决方案)

我在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>


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

帮你测试过,无问题

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

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

Stellungnahme:
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