Tailwindcss文本溢出

Question

我正在为我的网站做一个代码容器。当文本不需要包装时，它工作得很好。但我需要添加一个x滚动条，如果宽度小于线宽，但我的线是中断到下一行。

顺风播放url

注意：调整结果容器的大小以查看，非常感谢您的任何帮助。尝试：溢出-x-滚动和破坏-正常

Answer 1

您可以用pre标记包装代码块。

      <pre>
def img2sketch(photo, k_size):
    img = cv2.imread(photo)
    grey_img = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)
    invert_img = cv2.bitwise_not(grey_img)
    blur_img = cv2.GaussianBlur(invert_img, (k_size, k_size) ,0)
    invblur_img = cv2.bitwise_not(blur_img)
    sketch_img = cv2.divide(grey_img,invblur_img, scale = 256.0)
    cv2.imwrite('sketch.png', sketch_img)
    cv2.imshow('sketch image',sketch_img)
    cv2.waitKey(0)
    cv2.destroyAllWindows()
    
if __name__ == "__main__":
    if len(sys.argv) < 2:
        print(f"Usage: {sys.argv[0]} &lt;filename&gt; &lt;k_size(Optional)&gt;"))
        exit(0)
    photo = sys.argv[1]
    k_size = sys.argv[2] if len(sys.argv) > 1 else 7
    img2sketch(photo, k_size)
      </pre>

您还可以查看尾风游乐场https://play.tailwindcss.com/x7cCCQcQPU。