Question

我正在制作一个新的网站，在我的侧边栏中我试图在下面添加这一部分，但我很难将文本放在图像的右侧。我试过浮动文本但它没有真正起作用。到目前为止我唯一获得的CSS是侧边栏宽300px。

<div id="sidebarabout">
    <h3>About Elliott Davidson</h3>
    <img src="http://placehold.it/100x100"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus luctus odio, sed sagittis dolor volutpat ut. Pellentesque efficitur orci at nunc fermentum, nec feugiat erat gravida. <a href="about.html">Continue reading</a></p>
</div>

Answer 1

添加此css并查看

Sub Sample()
    Dim newWorkBook As Workbook
    Dim ws As Worksheet

    Set newWorkBook = Workbooks.Add
    Set ws = newWorkBook.Sheets(1)
    ws.Name = "Valeurs"

    With ws.Buttons
        .Add 350, 15, 173.25, 41.25
        .OnAction = "'" & ThisWorkbook.FullName & "'!checkPVC_Click"
    End With
End Sub

Sub checkPVC_Click()
    Dim OldWorkbook As Workbook, newWorkBook As Workbook
    Dim createdSheetColumnsTab(100) As String

    Set OldWorkbook = ActiveWorkbook

    Set newWorkBook1 = Workbooks.Add

    newWorkBook1.Worksheets("Feuil1").Cells(1, 1).Value = "Stat"

    newWorkBook1.Worksheets("Feuil1").Cells(2, 1) = OldWorkbook.Worksheets("Valeurs").Cells(12, 1)
End Sub

https://jsfiddle.net/vasanthanvas/s4pb17tr/

Answer 2

试试这个

  @Override
  public int getCount() {
        return NUM_ITEMS;
  }

Answer 3

img{float:left;margin:0 15px 0 0}

填充会轻微挤压你的图像。您可以使用边距而不是填充。

Answer 4

您需要在其CSS样式上将img和p设置为select e from entity where entity.id in (?, ?, ?, ...)或inline。

而且 - 根据您希望文本“浮动”的方式，它可能需要宽度：

https://jsfiddle.net/xoL510og/＆lt;＆lt;实施例

inline-block

Answer 5

使用display: table;

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}



.item-inner{
    display: table;
    width: 100%;    
    padding: 20px;
}
.item{
    display: table-cell;
    vertical-align: top;
}
.item-text{
    padding-left: 15px;
}

   
    <div class="item-inner">
        <div class="item">
            <img src="http://placehold.it/100x100" />
        </div>
        <div class="item item-text">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus luctus odio, sed sagittis dolor volutpat ut. Pellentesque efficitur orci at nunc fermentum, nec feugiat erat gravida. <a href="about.html">Continue reading</a></p>
        </div>

Answer 6

定义img标记时，请确保仅影响 sidebarabout div。所以在img之前定义div。例如：

#sidebarabout img{
  float: left;
  padding: 0 15px 0 0;
}

如果你在ur段元素中声明了一个宽度，例如200px，请确保将其减少到185px，因为我们使用的是15px填充。否则会弄乱你的网页，因为div将变成315px的宽度。

我注意到有人建议使用保证金。不要使用边距，这只会将图像15px推到div的左边。

我也错过了宽度，高度和 alt 。确保以正确的方式定义 img 元素，否则不会传递 W3C验证器。使用以下内容：

<img src="http://placehold.it/100x100" width="100" height="100" alt="Description">

基本的CSS样式问题

6 个答案: