Question

我正在使用Foundation，而且我很难找到一个列表来显示内联输入字段。

我有一个Plunkr：http://plnkr.co/edit/jKWAWs6oI0TT44vJWvKu?p=info

我的标记如下：

 <body>
    <div class="row">
      <div class="small-3 columns">
        <label class="right inline">Label</label>
      </div>
      <div class="small-9 columns">

          <input type="text" />
          <ul>
            <li>Item 1</li>
            <li>Item 2</li>
          </ul>

      </div>
    </div>
  </body>

我已经尝试将输入和ul放在一个范围内，并将两者都设置为向左浮动，但它不起作用。

在我的应用程序中，ul将包含验证错误列表。我正在使用Angular，并且一旦输入被验证就会动态添加ul，所以我不想更改标记以将ul放在另一个div旁边。

Answer 1

您的代码中存在一些问题：

CSS规则的优先级低于Foundation中定义的优先级。因此，您的byte b = dataBuffer[1]; int dataLength = 0; int totalLength = 0; int keyIndex = 0; int length = dataBuffer.Length; if (b - 128 <= 125) { dataLength = b - 128; keyIndex = 2; totalLength = dataLength + 6; } if (b - 128 == 126) { dataLength = BitConverter.ToInt16(new byte[] { dataBuffer[3], dataBuffer[2] }, 0); keyIndex = 4; totalLength = dataLength + 8; } if (b - 128 == 127) { dataLength = (int)BitConverter.ToInt64(new byte[] { dataBuffer[9], dataBuffer[8], dataBuffer[7], dataBuffer[6], dataBuffer[5], dataBuffer[4], dataBuffer[3], dataBuffer[2] }, 0); keyIndex = 10; totalLength = dataLength + 14; } if (totalLength > length) throw new Exception("The buffer length is small than the data length"); byte[] key = new byte[] { dataBuffer[keyIndex], dataBuffer[keyIndex + 1], dataBuffer[keyIndex + 2], dataBuffer[keyIndex + 3] }; int dataIndex = keyIndex + 4; int count = 0; for (int i = dataIndex; i < totalLength; i++) { dataBuffer[i] = (byte)(dataBuffer[i] ^ key[count % 4]); count++; } ReadRecievedData(Encoding.ASCII.GetString(dataBuffer, dataIndex, dataLength));，padding和margin属性会被覆盖。我通过添加一个额外的类
您输入的float为100％（由Foundation设置），您需要减小其宽度，以使width和input可以同时显示线。

我的CSS

ul

和HTML（看一下.myinput input, .myinput ul { float: left; margin: 0 4% 0 0; padding: 0; width: 45%; } li { list-style-type: none; }类）：

myinput

在线演示在此处：plunkr

使用Foundation

1 个答案: