Question

http://thc-cup.ucoz.com/forum/2-1-1

在你看到之后，左边的内容背景和边框有一个半径，但左边的没有！添加到div样式后，我设法得到了左边的那个：display：inline-block;但是这会使盒子混乱并将其移动到左侧块下方。由于这是一个论坛（我的链接），我无法编辑html，但我可以编辑论坛的CSS。

以下是这些街区的风格：

.postTdInfo { //Left block
    display: inline-block;
    margin: 0px 0px 0px 35px;
    padding: 1px;
    border: 1px solid #cfcfcf;
    background: #e0e0e0;
    border-radius: 5px;
}
.posttdMessage { //Right block
    margin: 0px 0px 0px 0px;
    padding: 25px;
    border: 1px solid #cfcfcf;
    background: #e0e0e0;
    border-radius: 25px;

我整天搜索了一个解决方案，但似乎找不到一个。有没有办法改变CSS，以便块接受边界半径？

Answer 1

编辑：我的第一个答案没有解决问题。

问题在于您正在使用td元素，默认情况下display属性设置为table。可以将display: block;添加到.posttdMessage，或者，如果这会导致问题，请在表格单元格中直接添加另一个<div>元素，然后使用圆形边框设置样式。

边框半径未显示

1 个答案: