文字格式问题

时间:2016-04-25 12:18:34

标签: html css text

我的文字包含即将举行的会议的一些演示文稿的时间和名称。我希望它们看起来像这样(空*意味着,在浏览器调整大小时,我不希望文本在时间之下。时间空间应该是空的):

12:30 - Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        tae blandit sem molestie vel. Phasellus venenatis nunc
        libero, nec vestibulum

14:30 - Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Fusce orci, vitae blandit sem molestie vel. Phasellus
        venenatis nunc (empty) libero, nec vestibulum

我尝试了一切,但没有运气。有什么建议吗?

1 个答案:

答案 0 :(得分:1)

所以你有一组数据,每一部分由两部分组成 - 时间和描述?

这是表格数据。



th, td { text-align: left; padding: 3px 2ex; vertical-align: top; }

<table>
    <thead>
        <tr>
            <th scope="col">Time
            <th scope="col">Description
    <tbody>
        <tr>
            <td>12:30
            <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer cursus pulvinar congue. Nulla in mollis ante. Ut sodales pharetra pulvinar. Duis ornare lectus at iaculis pharetra. Suspendisse orci mauris, pulvinar a ex id, tempus mattis libero. Donec eget suscipit mi, nec consectetur nulla. In dapibus lacus elit, eu viverra mauris scelerisque vel. Integer metus sem, molestie ut elit vitae, maximus pretium tellus. Curabitur et justo purus. Pellentesque nec pellentesque elit. Maecenas laoreet augue nec aliquam maximus. Praesent rutrum laoreet lacus, ut lobortis nibh consectetur id. Aliquam pellentesque egestas rutrum.
        <tr>
            <td>14:30
            <td>Nulla faucibus porttitor accumsan. Etiam convallis diam mi. Nullam vitae nunc turpis. Aliquam cursus venenatis purus, sed congue massa volutpat vitae. Vivamus laoreet auctor ex, consectetur vulputate elit. Maecenas elementum eget dolor ac pulvinar. Fusce posuere laoreet porta. Aliquam cursus enim ut placerat fermentum. Nam in facilisis enim. In a bibendum magna, in aliquam ipsum. Duis vel nulla nec mauris sagittis ultrices ut et ipsum. Suspendisse ac nisi ultricies, lacinia felis eu, posuere elit. Aenean et diam laoreet, viverra massa tempor, mattis erat. Praesent dignissim ullamcorper purus, at convallis nisl commodo non. Etiam a fringilla ante, ac facilisis nulla.
</table>
&#13;
&#13;
&#13;