Html CSS——页面上的中心div_Html_Css

Html CSS——页面上的中心div

html css

Html CSS——页面上的中心div,html,css,Html,Css,我有一堆“条状”的图片，所有这些图片加起来就是一张图片。现在，我需要将完成的图像边界，并将该框放在HTML页面的中间。无论我怎么做，我似乎都无法将包含多个标记的居中放置。我正在寻找一个纯CSS解决方案，尽可能少的文本（因为我需要创建一个生成此页面的bash脚本）谢谢，米兰编辑：显然，我需要提供代码，尽管它非常简单： <html><head> <style>div{font-size:0px; border: 5px solid red; displa

我有一堆“条状”的图片，所有这些图片加起来就是一张图片。现在，我需要将完成的图像边界，并将该框放在HTML页面的中间。无论我怎么做，我似乎都无法将包含多个

标记的

居中放置。我正在寻找一个纯CSS解决方案，尽可能少的文本（因为我需要创建一个生成此页面的bash脚本）

谢谢，米兰

编辑：

显然，我需要提供代码，尽管它非常简单：

<html><head>
<style>div{font-size:0px; border: 5px solid red; display:inline-block;}</style>
</head><body>
<img ...><img ...><img ...><img ...> 
</body></html>


div{字体大小：0px；边框：5px纯红色；显示：内联块；}

或者，如果您只希望所有内容居中，请使用

text align:center在主体上
<div style="text-align:center">
  <div>This is the text to be centered</div>
</div>

或者，如果您只希望所有内容居中，请使用text align:center在主体上
<div style="text-align:center">
  <div>This is the text to be centered</div>
</div>

或者，如果您只希望所有内容居中，请使用text align:center在主体上
<div style="text-align:center">
  <div>This is the text to be centered</div>
</div>

或者，如果您只希望所有内容居中，请使用text align:center在身体上。
我做了一个代码笔，我认为可以解决这个问题。基本上你会想用
<div style="text-align:center">
  <div>This is the text to be centered</div>
</div>

style="text-align:center"

关于集装箱司
我做了一个密码笔，我认为它可以解决这个问题。基本上你会想用
style="text-align:center"

关于集装箱司
我做了一个密码笔，我认为它可以解决这个问题。基本上你会想用
style="text-align:center"

关于集装箱司
我做了一个密码笔，我认为它可以解决这个问题。基本上你会想用
style="text-align:center"

关于集装箱司
如果使用margin:auto，则需要提供一些代码；要对中，请确保添加显示：块；因为自动居中仅适用于块元素。是否为div设置宽度并尝试将其放入“margin:0 auto；”中？你知道最后的宽度吗？IE：所有图像的宽度之和？我想我真正的问题是在不使用display:inline block的情况下使边框与IMG匹配？因为内联是造成页边距混乱的原因。如果使用margin:auto；要对中，请确保添加显示：块；因为自动居中仅适用于块元素。是否为div设置宽度并尝试将其放入“margin:0 auto；”中？你知道最后的宽度吗？IE：所有图像的宽度之和？我想我真正的问题是在不使用display:inline block的情况下使边框与IMG匹配？因为内联是造成页边距混乱的原因。如果使用margin:auto；要对中，请确保添加显示：块；因为自动居中仅适用于块元素。是否为div设置宽度并尝试将其放入“margin:0 auto；”中？你知道最后的宽度吗？IE：所有图像的宽度之和？我想我真正的问题是在不使用display:inline block的情况下使边框与IMG匹配？因为内联是造成页边距混乱的原因。如果使用margin:auto；要对中，请确保添加显示：块；因为自动居中仅适用于块元素。是否为div设置宽度并尝试将其放入“margin:0 auto；”中？你知道最后的宽度吗？IE：所有图像的宽度之和？我想我真正的问题是在不使用display:inline block的情况下使边框与IMG匹配？因为内联是造成利润率混乱的原因。50%？我为什么要这么做？我想要的是所有图像加在一起的确切宽度。如果我将其设置为显示：inline block；但是边距自动调整不起作用。然后使用一个没有宽度的div，然后使用text align:center
是的，我想这是唯一的方法。不过我有点想避免。50%？我为什么要这么做？我想要的是所有图像加在一起的确切宽度。如果我将其设置为显示：inline block；但是边距自动调整不起作用。然后使用一个没有宽度的div，然后使用text align:center
是的，我想这是唯一的方法。不过我有点想避免。50%？我为什么要这么做？我想要的是所有图像加在一起的确切宽度。如果我将其设置为显示：inline block；但是边距自动调整不起作用。然后使用一个没有宽度的div，然后使用text align:center
是的，我想这是唯一的方法。不过我有点想避免。50%？我为什么要这么做？我想要的是所有图像加在一起的确切宽度。如果我将其设置为显示：inline block；但是边距自动调整不起作用。然后使用一个没有宽度的div，然后使用text align:center
是的，我想这是唯一的方法。不过我有点想避免这种情况。内联样式很糟糕。请参见内联样式不好。请参见内联样式不好。请参见内联样式不好。看见