Css 具有多行的HTML标题
我想为一个网站创建一个标题,看起来像上图中的那个Css 具有多行的HTML标题,css,html,styles,Css,Html,Styles,我想为一个网站创建一个标题,看起来像上图中的那个 Div1位于左上方,具有固定大小(它是一个徽标) Div2和Div3位于Div1的右侧 第4部分为中间右侧(也可为右上方) 这样的布局在div中是否可行?我应该改用表吗?这里我创建了一个仅使用div的示例 #bigbox{ 宽度:1024px; 高度:150像素; 背景色:红色; } #大盒子分区{ 浮动:左; } #标识箱{ 高度:150像素; 宽度:150px; 背景颜色:蓝色; } #专栏2{ 高度:150像素; 宽度:550px;
- Div1位于左上方,具有固定大小(它是一个徽标)
- Div2和Div3位于Div1的右侧
- 第4部分为中间右侧(也可为右上方)
这样的布局在div中是否可行?我应该改用表吗?这里我创建了一个仅使用div的示例
#bigbox{
宽度:1024px;
高度:150像素;
背景色:红色;
}
#大盒子分区{
浮动:左;
}
#标识箱{
高度:150像素;
宽度:150px;
背景颜色:蓝色;
}
#专栏2{
高度:150像素;
宽度:550px;
背景颜色:绿色;
}
.行{
身高:50%;
宽度:550px;
背景色:黑色;
颜色:白色;
}
#右内容{
浮子:对!很重要;
背景颜色:黄色;
身高:100%;
宽度:200px;
}
1.
2.
使用引导,我们可以实现以下目标:
<div class="row">
<div class="col-sm-2">a</div>
<div class="col-sm-8">
<div class="row">
<div class="col-sm-12">c</div>
</div>
<div class="row">
<div class="col-sm-12">d</div>
</div>
</div>
<div class="col-sm-2">b</div>
</div>
A.
C
D
B
您的图像不清晰,请上传更好的图像。是的,任何类型的布局都可以使用divs
和CSS。您不应该使用表格,因为这不是表格数据。您应该尝试使用divs
,然后在HTML和CSS不起作用时发布它们,以便人们能够提供帮助。