纯CSS实现完美决对居中 自动滚动条 根据内容宽度、高度自适应,垂直水平居中,自动出现滚动条。.docVIP

纯CSS实现完美决对居中，几乎无BUG。绝对完美。自动出现滚动条。 ?纯CSS实现完美决对居中，几乎无BUG。绝对完美。自动出现滚动条。 ? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /title/titlestylebody {padding:0; margin:0; } /*这些是专用FIREFOX写的，注意IE7也认识*/html,body{ height:100%;}#infoBox[id]{text-align:center; width:100%; height:100%; display:table;}#info[id]{ display:table-cell;vertical-align:middle;} /*这里可以指个宽度试试，是可以自适应的*/ /*专为IE6写的*/*html #infoBox{ position:absolute; top:50%; width:100%; text-align:center; display:block; height:auto}*html #info{position:relative; top:-50%;?? text-align:center;} /*这里可以指个宽度试试，是可以自适应的*/ /*这理是专用IE7写的，注意[id]要加上，不然优先JI没有最上边那段NB*/*+html #infoBox[id]{ position:absolute; top:50%; width:100%; text-align:center; display:block; height:auto}*+html #info[id]{position:relative; top:-50%; text-align:center;} /*这里可以指个宽度试试，是可以自适应的*/ #tnnd{ border:1px solid red; width:500px; margin:0 auto; font-size:12px; line-height:1.8;}/style/headbodydiv id=infoBox?div id=info?? div id=tnnd? ?a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /??a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /??a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /??a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /??a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /??a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /??a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /??a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /??a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /??a href=/blogview.asp?logID=818 target=_blankCSS几个居中问题的解决办法 /abr /? ? /div?/div/div/body/html ? ? ? ? ? ? ? ? !DOCTYPEhtmlPUBLIC-//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd htmlxmlns=/1999/xhtml head metahttp-equiv=Content-Typecontent=text/html;