预标签宽度：100％或最大宽度：100％溢出：自动不灵活

Question

以下是示例的链接： http://whiterootmedia.com/database/dusty_arlia/the_img_tag_and_its_attributes.html

我的标记元素将包含长行代码。每当容器更改为宽度：auto（低于1200px宽度）时，标签的宽度不会缩小。我希望窗口能够保持收缩，并且元素有一个宽度的滚动条。

目前我有这个css：

  

pre {overflow：auto;最大宽度：100％}

Answer 1

我将此css添加到我的display:table;容器中：

table-layout:fixed;
width: 100%;

CSS display:table布局更难设计。如果你刚刚开始，只需使用float来定位容器中的div。

Answer 2

您的css文件中有固定值，请查看pre时的样式＆lt; 1200px

<强> article_two_column.css：101

@media only screen and (min-width: 336px) { ...

<强> article_two_column.css：103

pre {
    max-width: 260px; 
}

<强> article_two_column.css：87

@media only screen and (min-width: 728px) { ...

<强> article_two_column.css：89

pre {
    max-width: 652px;
}

将值设置为%，您将获得流畅的结果（请记住，您还可以设置小数，而不仅仅是int）。