C# 嵌入式浏览器忽略 CSS Wordwrap

Question

我有一个主登录页面，我们可以访问该页面并将其带入嵌入式浏览器。我正在尝试让文字在页面上正确换行。

我们将 CSS 类附加到通过的 html 元素，但自动换行似乎被忽略了。我倾向于认为这是可以设置的 Web 控件的属性。 word wrap 似乎根本不认为它需要被包裹起来。背景颜色效果很好。

我们在父级 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>

页面的外观。您可以看到鲑鱼色的条目从页面溢出。为什么自动换行会被忽略？

Answer 1

默认情况下，WebBrowser 控件使用较旧的 Internet Explorer (IE7)。

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

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