Div与标题

我想创建一个<div>其中有大写字母显示的标签/标题。 <div>是250px宽。Div与标题

在<div>里面，我会放置另一个<div>，它将包含控件。内部的<div>应该对齐center，外部的<div>应该自动增加其高度以适应控制高度。

外部的<div>和内部的<div>应该有一个边框。

这是可能的CSS？

2009-12-29 ScG

你有没有想过它？我已经设置了我的答案演示，供您检查。如果不是您所期望的，请提供更多信息。 http://pastebin.me/42c81f55638f9adf9a4d614cac207db7 – 2010-01-24 01:55:00

即时通讯不知道你在问什么，但也许这会有所帮助？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>example</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <style> 
      div#wrapper { display:block; width:250px; height:auto; margin:auto; padding:0; border:1px solid #F00; } 
      div#wrapper h1 { text-transform:uppercase; text-align:center; } 
      div#controls { display:block; width:100%; height:100px; margin:0; padding:0; border:1px solid #000; text-align:center; } 
      div#controls a { display:inline; margin:0 5px; line-height:100px; } 
     </style> 
    </head> 
    <body> 
     <div id="wrapper"> 
      <h1>header</h1> 
      <div id="controls"> 
       <a href="#">control</a> 
       <a href="#">control</a> 
       <a href="#">control</a> 
      </div> 
     </div> 
    </body> 
</html>

来源

2009-12-29 07:16:17

您的意思是这样的？

<style type="text/css"> 
    .panel { width: 250px; padding: 5px; border: 1px solid #666; } 
    .panel h1 { margin: 0 0 5px; padding: 0; text-transform: uppercase; } 
    .panel .content { padding: 5px; border: 1px solid #666; } 
</style> 
<div class="panel"> 
    <h1>Title</h1> 
    <div class="content"> 
     ... controls ... 
    </div> 
</div>

来源

2009-12-29 07:20:02

回答

相关问题