文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在div的右侧和左侧显示文本

问如何在div的右侧和左侧显示文本
EN

Stack Overflow用户

提问于 2013-07-13 02:13:54

回答 1查看 37关注 0票数 0

我试图使一个标题与左边的图像和链接在左边。

从本质上讲，如下所示：

LOGO在此处显示了Link3、、Link2、Link3、Link1、Link2、Link3、、Link2、Link3。

我正在尝试使用div而不是表，如何在保持“流动性”的同时做到这一点呢？

下面是我的容器css：

.container {
    width: 85%;
    max-width: 1260px;
    min-width: 680px;
    background: #FFF;
    margin: 0 auto;
}

这是我的标题css：

.header {
    background: #FFF;
    width: 100%;
    height: 10%;
}
.header2 {
    float: right;
    width:49%;

}

Header用于图像，header2用于文本。

我是这样称呼它的：

<body>

<div class="container">
  <div class="header"><a href="http://www.college.edu"><img src="http://newhope.edu/images/Logo.png" alt="" name="" width="40%"  id="Insert_logo" style="background: #FFF; display:block;"  /></a> 
   <div class="header2">
   test
   </div>
    <!-- end .header --></div>

如果你想看剩下的代码，请让我知道。

我试着创建自己的类，就像header2看到的那样。我只需要拆分标题，而我真的不想使用表格。

谢谢!

html

header

containers

回答 1

Stack Overflow用户

发布于 2013-07-13 02:20:33

我猜你指的是“右边”的链接。试着这样做：

.header {
    background: #FFF;
    float: left;
    width: 50%;
    height: 10%;
 }

.header2 {
    float: right;
    width: 50%;
 }

然后确保你下面有一个clear，这样内容就不会卷进，比如：

<br style="clear: both" />

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17621418

复制

相似问题

问如何在div的右侧和左侧显示文本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在div的右侧和左侧显示文本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在div的右侧和左侧显示文本
EN