Question

我在C#代码中创建了以下div，但无法在屏幕的position中center。任何有合适答案的人都表示赞赏。

<div class="rect" style="top:" + (rectangles.ElementAt(i).Y + 50).ToString() + "px;left:" + (rectangles.ElementAt(i).X + 50).ToString() + "px;width:" + (rectangles.ElementAt(i).Width - 1).ToString() + "px;height:" + (rectangles.ElementAt(i).Height - 1).ToString() + "px;border-color:Black;text-shadow:3px 3px Black;border-width:3px;border-style:solid;border-collapse:seperate;position:absolute;background-color:#" + rectangles.ElementAt(i).Slice.Elements.ElementAt(0).color.ToString() + ";vertical-align:middle;text-align:center;font-family:Arial;font-size:48px;color:White;font-weight:bold;display:table-cell;" ><div style="position: relative;top: 50%;transform: translateY(-50%);"><span>" + rectangles.ElementAt(i).Slice.Elements.ElementAt(0).Symbol + "</span><br/><span>" + rectangles.ElementAt(i).Slice.Elements.ElementAt(0).AverageMC + "%</span></div></div>

Answer 1

设置宽度的一种方法是使用margin: 0 auto;

<style> div { width: 360px; margin: 0 auto; } </style>

以css为中心的另一种方法是

<style> div { width: 360px; margin-left:auto; margin-right:auto; float:none; } </style>

将id和class与div一起使用，否则它将适用于所有div

如何居中定位动态创建的div

1 个答案: