欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

如何將webview的內容居中

CSS
傅智翔1年前9瀏覽0評論

我知道這個問題看起來微不足道，但是這個問題已經困擾了我將近兩天了。

我有一個React本地應用程序，它使用webview根據提供的鏈接呈現html內容。

這是我的代碼:

const renderHtml = () => {
   return (
    '<div style="display: flex; background: #efefef; flex-direction: column; align-items: center;">' 
       + htmlContent +
    '</div>'
          );
};

如您所見，我將htmlContent包裝在一個div中，因為無法修改它返回的元素的樣式。內容包含p標簽、a標簽和img標簽。

問題是只有p標簽和a標簽居中對齊。img標簽保留在屏幕的左側。我試圖使用文本對齊:中心，但由于圖像是奇數，最后一個圖像沒有對齊到其他圖像。

就像這樣:

Image 1    Image 2
Image 3    Image 4
Image 5    Image 6
     Image 7

我想做的是將圖像7與圖像1、3和5對齊

# # #您可以對react-native-render-html使用containerStyle和tagStyle如果最后一項有id，您可以使用idsStyles prop all props鏈接:https://meliorence . github . io/react-native-render-html/API/renderhtmlprops

<HTML
  tagsStyles={{
    img: htmlImageStyle
  }}
  containerStyle={htmlContainerStyle}
  source={{ html: html }}
/>