Question

我正在为我的朋友建立一个网站。经历过一些调试问题。其中一些是根据与Internet Explorer兼容的方式进行整理的，最初我遇到了一些对齐问题。但是，转移到Safari，我遇到了很多问题。我想从一开始，希望你们能够帮助我。

以下是我的代码：

     <div id = "welcome_note_cnt_pic">

                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. </p>

                <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.</p>

        </div>

    #welcome_note_cnt_pic p{
    width:90%;/*IE Correction Do Not Remove*/
    font-family: 'Ubuntu', sans-serif;
    font-weight:normal;
    font-size:12px;
    text-align:justify;
    text-transform:uppercase;
    letter-spacing:1px;
    color:white;
    padding-left:10px;
    padding-right:10px;
}

#welcome_note_cnt_pic{
    width:50%;
    height:550px;
    border-style:solid;
    border-width:1px;
    border-color:trasparent;

    display:flex;
    justify-content:center;
    align-items:center;
}

在safari中，尽管放置了flex属性，但段落刚刚从分区框中射出。我甚至通过在线CSS Autoprefixer放置了我的代码，但它似乎没有解决问题。我甚至尝试过使用一些我搜索过但没有用的自动换行。

请帮忙！

BTW--这是在Safari浏览器上拍摄此问题的屏幕截图。这可能会帮助您更好地理解我的问题吗？

The screen shot of the problem. Image- Click here!

Safari浏览器..段落标记问题

0 个答案: