Question

我有一个主登录页面，我们可以访问它并将其带入嵌入式浏览器。我试图在页面上正确地包装这些文字。

我们有附加到html元素的CSS类，但是自动换行似乎被忽略了。我倾向于认为这是可以设置的Web Control的属性。自动换行似乎并不认为它需要被包装。背景颜色很好。

我们在父CSS上有一个flex属性，我尝试删除它，但似乎没有用。

HTML部分

    <div class="words">         
      <p class="test">ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ</p>
      <p class="test"><a href='about.asp' target='_blank'>YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY</a></p>
    </div>

CSS条目

.words {
  flex: 0 1 auto;
  .corporateFontFamily;

  padding: 0 50px 20px 0;
  word-wrap:break-word;
}

.test {
    word-wrap: break-word;
    background-color: #4286f4;
}

XAML

  <Grid>

    <Grid.RowDefinitions>
      <RowDefinition></RowDefinition>
      <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>
        <Grid x:Name="LayoutRoot" Height="550" Width="600">
      <WebBrowser x:Name="EmbeddedBrowser" MinHeight="20" MinWidth="20" 
                            Height="550" Width="650" 
                            Navigated="EmbeddedBrowserLoadCompleted"
                            Margin="0,0,0,0" 
                            ScrollViewer.HorizontalScrollBarVisibility="Hidden" 
                            ScrollViewer.VerticalScrollBarVisibility="Hidden" 
                            ScrollViewer.IsDeferredScrollingEnabled="False" 
                            ScrollViewer.CanContentScroll="False"
                            >
      </WebBrowser>
    </Grid>
  </Grid>
</AppCore:DialogViewBase>

页面的样子。您可以看到Salmon彩色条目溢出页面。为什么要忽略自动换行？

Answer 1

WebBrowser控件默认使用旧版Internet Explorer（IE7）。

您可以使用网页标题中的特殊标记或注册表设置覆盖该行为，如下所述：

https://blogs.msdn.microsoft.com/patricka/2015/01/12/controlling-webbrowser-control-compatibility/

C＃Embedded Browser忽略CSS Wordwrap

1 个答案: