Question

我一直在尝试以某种方式布局表格和div容器。

因此div容器位于右侧（每个容器彼此下方）在容器旁边的表中，并且所有内容居中。我试过使用align：对，但是它不起作用。不知道我还能做什么。

 <div  style="width: 20%; ">           
        <table class="table table-bordered" >
            <thead>
            <tr>
                <th>Created/Placed</th>
                <th>Req./Actual Delivery Date</th>
                <th>Supplier</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            </tbody>
        </table>
    </div>

    <div id="widget" class="well well-large" style="width: 20%">
            <ul>
                <br>
                <li> orders</li>
                <li> orders</li>
            </ul>
        </div>
    <div class="well well-large" style=" width:20%">
        <ul>
            <br>
            <li> orders</li>
            <li> orders</li>
        </ul>
    </div>
    <div class="well well-large" style=" width:20%">
        <ul>
            <br>
            <li> orders</li>
            <li> orders</li>
        </ul>
    </div>
    </div>

Answer 1

您可以将let alternateLayout = MSMessageTemplateLayout() alternateLayout.image = imageThumbnail alternateLayout.caption = "SomeCaption" let layout = MSMessageLiveLayout(alternateLayout: alternateLayout) // alternateLayout // let message = MSMessage(session: MSSession()) message.url = components.url! message.layout = layout let messageViewControler = MFMessageComposeViewController() messageViewControler.messageComposeDelegate = self messageViewControler.message = message self.present(messageViewControler, animated: true, completion: nil)用于div float left，它适用于普通浏览器，而不适用代码段。

width 20%

div{
float:left;
}

div{
float:left;
}

如何对齐div容器和表格

1 个答案: