Question

我想在图标和图像的中间放置一些文字。不知何故，它还没有完全奏效。我似乎无法让一切变得美好而且排除在外。

这是我的代码：

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="row">
  <div class="col-lg-12">
    <div class="col-md-10">
      <div class="span6">
        <img class="companyIcon" src="http://findicons.com/files/icons/766/base_software/128/circle_blue.png" />
      </div>
      <div class="companyTitle span3">
        <p>Coinchase<i class="fa  fa-edit" aria-hidden="true"></i>  <i class="fa fa-trash" aria-hidden="true"></i>
        </p>
      </div>
    </div>
    <div class="col-md-2">
      <p>Back to results <i class=" fa  fa-mail-reply " aria-hidden="true"></i>
      </p>
    </div>
  </div>
</div>

＆＃13;

Answer 1

.col-md-10 {
    float: left;
}
.col-md-10 .span6 {
    display: inline-block;
}
.col-md-2 {
    float: right;
}
.companyTitle.span3 {
    display: inline-block;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="row">
  <div class="col-lg-12">
    <div class="col-md-10">
      <div class="span6">
        <img class="companyIcon" src="http://findicons.com/files/icons/766/base_software/128/circle_blue.png" />
      </div>
      <div class="companyTitle span3">
        <p>Coinchase<i class="fa  fa-edit" aria-hidden="true"></i>  <i class="fa fa-trash" aria-hidden="true"></i>
        </p>
      </div>
    </div>
    <div class="col-md-2">
      <p>Back to results <i class=" fa  fa-mail-reply " aria-hidden="true"></i>
      </p>
    </div>
  </div>
</div>

    DirPath_O_Text = wx.StaticText(panel,label='Remote Directory Path', style=wx.ALIGN_RIGHT)
    self.DirPath_O_TC = wx.TextCtrl(panel)
    self.DirPath_O_TC.ChangeValue("/var/lib/cmt/tomcat/CDES")

    hbox1.Add(DirPath_O_Text, proportion=1,flag=wx.EXPAND|wx.BOTTOM,border=10)
    hbox1.Add((25,-1))
    hbox1.Add(self.DirPath_O_TC, proportion=1,)
    hbox1.Add((25,-1))

将图像左侧放置在文本右侧的文本和图标上

1 个答案: